PDA

View Full Version : Help with Secret Image Addon

ampix
03-05-2007, 06:28 PM
Hello!: I hope someone can help me. I've been looking for more than 2 days trying to get the secret image addon working and I don't know what i'm doing wrong. First, I installed it as directed and started uploading 2 images with their respective secret image along as directed and... nothing. There must be something I must have forgotten or misunderstood. You can see the result at my page:

http://www.pixel-photo.net/pod

Hoppefully I can find a solution to this with your help.
Thanks in advance.

AMPix
austriaka
03-05-2007, 07:11 PM
How did you include the 2 secret image grafics? (The two questionmarks I suppose)

It seems to me as if you didn't upload them in the addons page because they should be located in templates folder, not in addons folder.
And there is no JavaScript function on mouseover, so I guess you used HTML to display them.

Upload the secret grafics by the addon page and use the new tag "<SECRET_LINK>" for displaying it wherever you want.

KArin
ampix
03-05-2007, 07:47 PM
Hi Karin!

THank you so much for your response.
A) the 2 images you could see on my page where the 2 grafics named s_grafic1.gif and s_grafic2.gif. and as you guessed there were put there by HTML ( so you could see them). the 2 gif were in my addons (main )folder. So I put them in my addons folder in the template folder. As you suggested I removed the HTML gif. and put the "<SECRET_LINK> " just where the gifs were in the first place... but it still doesn't work.

Here is my code maybe that can help:
</style>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="overlib.js"><!-- overLIB (c) Erik Bosrup --></script>
</head>
<body>
<div id="overDiv" align="left" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<div id='abovelinks'>
|&nbsp;&nbsp; <IMAGE_PREVIOUS_LINK> &nbsp;&nbsp; | &nbsp;&nbsp;<a href="index.php?showimage=<IMAGE_ID>">Permalink</a> &nbsp;&nbsp;|&nbsp;&nbsp; <IMAGE_NEXT_LINK>&gt;&gt;&nbsp;&nbsp; |&nbsp;&nbsp; <a href='index.php'>Home</a>&nbsp;&nbsp; |&nbsp;&nbsp; <a href="index.php?x=browse&amp;pagenum=1">Browse</a>&nbsp;&nbsp; |&nbsp;&nbsp; <a href="http://www.pixel-photo.net/gallery/">Galleries</a> &nbsp;&nbsp;| &nbsp;&nbsp;<a href="index.php?x=links">Links</a>&nbsp;&nbsp; |&nbsp;&nbsp; <a href="index.php?x=about">About</a>&nbsp;&nbsp; | &nbsp;&nbsp;<a href="http://www.pixel-photo.net/blog">Weblog</a>&nbsp;&nbsp; | &nbsp;&nbsp;<a href='index.php?x=atom'>Atom</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a href='index.php?x=rss'>RSS</a>&nbsp;&nbsp;
|</div>
<div id='aboveinfo'>
|&nbsp;&nbsp;<SITE_PHOTONUMBER> photos &nbsp;&nbsp;|&nbsp;&nbsp; <ADVNCD_SITE_VISITORNUMBER> total visitors &nbsp;&nbsp;| </div>
<div class="top-line"><img src='templates/visible/logo.png' alt='Logo' title='Logo' /><PB_THUMBS_ROW></div>
<div class='narrowline'> </div><br>
<TEMPLATE_SWITCH>
<div class='center'><!--center div starts -->

<a href='index.php?showimage=<IMAGE_PREVIOUS_ID>'><img class="image" src="./images/<IMAGE_NAME>" <ATTRIBUT_NAME> </a>


<br/>
<table height="108" class='notes-table'>
<tr>
<td height="100"> <span class='imagetitle'>

<SECRET_LINK>
<IMAGE_TITLE>
</span>
<div id='imagenote'>
<IMAGE_NOTES>
</div>
<div class="notes-table" id='date-num-comments'>
<div align="center">|&nbsp;&nbsp;
<IMAGE_CATEGORY_PAGED>
&nbsp;&nbsp; | &nbsp;&nbsp
<IMAGE_DATETIME>
&nbsp;&nbsp; | &nbsp;&nbsp;
<IMAGE_COMMENTS_NUMBER>
<COMMENT_POPUP>
&nbsp;&nbsp; | &nbsp;&nbsp;</div>
<IMAGE_RATING_STARS></div>
</td>

<td valign="top">
<div id='exifinfo'>
EXIF: <br />
<EXIF_CAMERA_MODEL><br />
<EXIF_EXPOSURE_TIME> <br />
<EXIF_APERTURE><br />
<EXIF_FOCAL_LENGTH><br />
<!-- 35mm-eq: <EXIF_FOCAL_LENGTH_35MM><br /> -->
<EXIF_ISO> <br />
<EXIF_FLASH>
</div>

</td>
</tr>

</table>
<p/><span class='imagetitle'></span>



Thanks again

AMPix
austriaka
03-05-2007, 07:53 PM
sorry, I had a typo :-(
It should be thumbnails folder, not templates...
You can upload them in addon page/secret addon section, then they will be in right place.

And you have a typo too:
after "<ATTRIBUT_NAME>" the closing ">" of <img src... is missing.
Should work then I hope :-)

KArin

BTW: the image is great :-)
ampix
03-05-2007, 08:21 PM
Thank you Karin!

I corrected my typo...
I made sure the 2 gifs were in the thumbnails folder They were...

Still doesn't work.

Should the secret admin.php uploaded in the main addons folder or in the template addon folder?

I have no clue where to look at ou what to look for. Is there any info I could share to help you help me?;)
austriaka
03-06-2007, 06:23 AM
Perhaps you could post the part of the image template code which refers to secret image addon once again?
It looks like the addon doesn't find the secret main image in images folder.

I found that a whitespace was missing in the <ATTRIBUT_NAME> tag. I corrected that and updated the download file at http://pixelpost.org/v1/devfiles/?id=195. This should not be the reason of your problems but perhaps it will help.

The other thing I saw is that there are many many HTML errors when validating your page:
http://validator.w3.org/check?uri=http://www.pixel-photo.net/pod

Try to validate the page, perhaps the reason for the not working addon lies somewhere else...

HTH
KArin
ampix
03-06-2007, 03:54 PM
Hello Karin!

I replaced the admin_secret.php file you corrected yesterday. Thanks you for that!

Also I corrected a lot a errors I went from 24 to 7. But after 4 hours trying to solve errors... I stopped before throwing my computer throught the windows...

I think i'm getting closer to a solution because sometimes I see the "gif file" image on my page but when I hover it, it brings me to a tottaly different image. Weird behavior. but at least it is intermittent.

here is my code... maybe you can help me with that one?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><SITE_TITLE></title>
<!-- Link for ATOM feed autodiscovery -->
<link rel="service.feed" type="application/x.atom+xml" href="<ATOM_AUTODETECT>" title="<SITE_TITLE> - Atom feed"/>
<!-- Link for RSS feed autodiscovery -->
<link rel="alternate" type="application/rss+xml" title="<SITE_TITLE> - RSS feed" href="/index.php?x=rss" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="imagetoolbar" content="false" />
<meta http-equiv="Content-Language" content="en-us"/>
<meta name="keywords" content="Photoblog " />
<meta name="description" content="Photoblog description" />
<link rel="stylesheet" href="templates/visible/style.css" type="text/css" />
<script type="text/javascript" src="overlib/overlib.js"></script>
<script language='javascript' type='text/javascript'>
<!-- BEGIN
function flip(rid)
{
current=(document.getElementById(rid).style.displa y == 'none') ? 'block' : 'none';
document.getElementById(rid).style.display = current;
}
// End -->
</script>
<BB_HEADER>
<style type="text/css">
#navlink{

text-align:right;
width:<IMAGE_WIDTH>px;
padding:0px 0px 0px 0px;
margin-top:10px;
margin-bottom:2px;
margin-left:auto;
margin-right:auto;
font-size:12px;
font-weight:bold;
color:#696969;


}

#navlink a{
color:#696969;
text-decoration:none;
}

#navlink a:hover{
color:#ffffff;
}

.image {
text-align:center;
margin-left:auto;
margin-right:auto;
vertical-align:middle;
margin-top:0px;
margin-bottom:auto;
padding:6px;
width:<IMAGE_WIDTH>px;
height:<IMAGE_HEIGHT>px;
background-color:#000000;
border: 20px solid #000000;
border-bottom-color: #000000;
}


</style>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="overlib.js"><!-- overLIB (c) Erik Bosrup --></script>
</head>
<body>
<div id="overDiv" align="left" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<div id='abovelinks'>
|&nbsp;&nbsp; <IMAGE_PREVIOUS_LINK> &nbsp;&nbsp; | &nbsp;&nbsp;<a href="index.php?showimage=<IMAGE_ID>">Permalink</a> &nbsp;&nbsp;|&nbsp;&nbsp; <IMAGE_NEXT_LINK>&gt;&gt;&nbsp;&nbsp; |&nbsp;&nbsp; <a href='index.php'>Home</a>&nbsp;&nbsp; |&nbsp;&nbsp; <a href="index.php?x=browse&amp;pagenum=1">Browse</a>&nbsp;&nbsp; |&nbsp;&nbsp; <a href="http://www.pixel-photo.net/gallery/">Galleries</a> &nbsp;&nbsp;| &nbsp;&nbsp;<a href="index.php?x=links">Links</a>&nbsp;&nbsp; |&nbsp;&nbsp; <a href="index.php?x=about">About</a>&nbsp;&nbsp; | &nbsp;&nbsp;<a href="http://www.pixel-photo.net/blog">Weblog</a>&nbsp;&nbsp; | &nbsp;&nbsp;<a href='index.php?x=atom'>Atom</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a href='index.php?x=rss'>RSS</a>&nbsp;&nbsp;
|</div>
<div id='aboveinfo'>
|&nbsp;&nbsp;<SITE_PHOTONUMBER> photos &nbsp;&nbsp;|&nbsp;&nbsp; <ADVNCD_SITE_VISITORNUMBER> total visitors &nbsp;&nbsp;| </div>
<div class="top-line"><img src='templates/visible/logo.png' alt='Logo' title='Logo' /><PB_THUMBS_ROW></div>
<div class='narrowline'> </div><br/>
<TEMPLATE_SWITCH>
<div class='center'><!--center div starts -->

<a href='index.php?showimage=<IMAGE_PREVIOUS_ID>'><img class="image" src="images/<IMAGE_NAME>"<ATTRIBUT_NAME>> </a>


<table height="108" class='notes-table'>
<tr>
<td height="100"> <span class='imagetitle'>


<IMAGE_TITLE><SECRET_LINK>
</span>
<div id='imagenote'>
<IMAGE_NOTES>
</div>
<div class="notes-table" id='date-num-comments'>
<div align="center">|&nbsp;&nbsp;
<IMAGE_CATEGORY_PAGED>
&nbsp;&nbsp; | &nbsp;&nbsp;
<IMAGE_DATETIME>
&nbsp;&nbsp; | &nbsp;&nbsp;
<IMAGE_COMMENTS_NUMBER>
<COMMENT_POPUP>
&nbsp;&nbsp; | &nbsp;&nbsp;</div>
<IMAGE_RATING_STARS></div>
</td>

<td valign="top">
<div id='exifinfo'>
EXIF: <br />
<EXIF_CAMERA_MODEL><br />
<EXIF_EXPOSURE_TIME> <br />
<EXIF_APERTURE><br />
<EXIF_FOCAL_LENGTH><br />
<!-- 35mm-eq: <EXIF_FOCAL_LENGTH_35MM><br /> -->
<EXIF_ISO> <br />
<EXIF_FLASH>
</div>

</td>
</tr>

</table>
<p/><span class='imagetitle'></span>


<div class='narrowline'> </div>
<div id='footer'> <p><a href='http://photos.vfxy.com/photoblogs/2013'>
<img src='http://photos.vfxy.com/img/iam_vfxy.jpg' alt='VFXY Photos' title='VFXY Photos' border='0' width="80" height="15" /></a> |
<a href='http://www.coolphotoblogs.com/?do=profile&amp;id=2038'> <img border="0" src="templates/visible/img/cool_4.jpg" alt='Coolphotoblog' title='coolphotoblog' width="90" height="15" /> </a>|
<a href='http://www.photoblogs.org/profile/anne-marie.aminus3.com/'><img border="0" src="templates/visible/img/photoblogs.gif" alt='Photoblog.org' title='photoblog.org' width="88" height="15" /></a> |
<a href="http://www.photoblog-community.com/LinkDetails.php?ID=94" target="_blank"><img src='http://www.photoblog-community.com/Images/photo-links2.png' border="0" alt="photoblog-community" title="photoblog-community" /></a></p> </div>

<!-- end of footer-->

</div> <!--center div ends -->

</body>
</html>


Thanks alot for you help
austriaka
03-07-2007, 06:10 AM
Sorry, I have no idea. I saw the behaviour you mentioned and it is really strange. The Sourcecode concerning the secret image addon looks ok and all images and graphics seem to be at the right place.

The addon is such a simple JavaScript trick... It just looks for an image with an "o_" before original image name and if it exists, it does the JavaScript mouseover.
Only thing I found: you are using two Pixelpost tags which are not replaced: <BB_HEADER> and <TEMPLATE_SWITCH>. Try to shut off the addon(s) from where those are coming (in Admin/Addons) or remove them what would eliminate a few errors in validation.
If this doesn't help, switch off all other addons you installed (one by one) and see if Secret Image Addon is working then. If you find the addon which causes the problem please tell me so I can have a look at it.

Another thing is that you have two css style sheets defined in the header of your page:
<link rel="stylesheet" href="templates/visible/style.css" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />

And the third tip: if you get the secret addon working, you should try to make the before-images smaller in file size (beneath 100kb), otherwise the loading on mouseover takes too long.

KArin
ampix
03-07-2007, 08:07 PM
Hello KArin!

Finally It works!
The problem was with the index.php... it was a mess... and too long to explain here. I had to copy some codes from your secret admin.php to the index.php.I did remove some plugins... but nothing changed... so I assume the plugins are not involve, at least not the ones I had.


As you recommanded I got rid of the <BB_HEADER> and <TEMPLATE_SWITCH>. and also the second style sheet !

I still have 3 errors on my page... if you could help me with those everything would be perfect....

This is a GREAT plugin!!!

Thanks you
austriaka
03-08-2007, 06:17 AM
ok, frouzy scripting by me :-(
I updated the secret image addon once more, using that the validation errors should be gone

Great it works now!
KArin
ampix
03-08-2007, 11:34 AM
Hi KArin!
THinking about it, I don't know if I did something wrong while installing addons myself...

I did not think it is your coding...

Anyway I think it is a great addon! Thanks again!

"Those who don't try never succeed!"
austriaka
03-08-2007, 02:57 PM
the last 3 validator errors come definitely from my addon.
Just exchange the addon file with the new download and it should be ok!
And thank you for compliment :-)
KArin
ampix
03-08-2007, 06:26 PM
Hi KArin!

I was doing testing today uploading more photos on my site and I discovered something: When the autorezised addon (31_Admin_autorezised 1.2.1)is used along with your Admin_secret addon, whenever you hover the secret grafic, it blinks between the two images witch are not the same size... because the Admin autorezised is not rezising the secret image ( I assume). Here is an exemple that I left on my site so you can see (http://www.pixel-photo.net/pod/index.php?showimage=45) SO... I disinstalled the Admin autorezised addon and I made an action in photoshop to rezise my image from there and it is perfect now! I hope this helps....

Thanks for the correction you made... I'll replace the file before the end of the week!

Cheers!
austriaka
03-09-2007, 05:39 AM
yes, those things can happen.
I did not test the secret image addon with all available addons...
It would be of course possible to hack the autoresize addon to make them work together, but I think that is not necessary, is it?

But I am glad it works now
KArin
ampix
05-14-2007, 12:09 AM
Hi KAren!

I hope you are doing well!
I just tought i 'd let you know that moving to 1.6 was no problem whatsoever with your secret image addon.

It is just great!

Cheers!
austriaka
05-14-2007, 09:37 PM
I know that :-)
Thank you, glad you like it

(pssst, have a look at my blog to see the next new addon working :-))
KArin
ampix
05-17-2007, 02:56 AM
When will you make it available???? It is soooo nice!!!!!
austriaka
05-17-2007, 08:15 AM
Sorry Ampix, it works only with v1.7 and it will take another few weeks until this is ready for release.
The "Comments Communication Addon" is in a testing stage right now but will be beta-published as soon as v1.7 becomes public available.

The more people are testing it, the faster it will come :-)
KArin
Dennis
05-17-2007, 09:56 AM
Basically 1.7 is scheduled in a few months. We've just about to finish the intermediate release 1.6.1 (or 1.6.5, we're still debating on that).
austriaka
05-18-2007, 03:03 PM
so let's wait and see with which of the upcoming versions the new Comment Communication Addon will work...
KArin