Pixelpost

ampix · #1 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**+ · #2 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 · #3 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"></script>
</head>
<body>
<div id="overDiv" align="left" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<div id='abovelinks'>
|   <IMAGE_PREVIOUS_LINK>    |   <a href="index.php?showimage=<IMAGE_ID>">Permalink</a>   |   <IMAGE_NEXT_LINK>>>   |   <a href='index.php'>Home</a>   |   <a href="index.php?x=browse&pagenum=1">Browse</a>   |   <a href="http://www.pixel-photo.net/gallery/">Galleries</a>   |   <a href="index.php?x=links">Links</a>   |   <a href="index.php?x=about">About</a>   |   <a href="http://www.pixel-photo.net/blog">Weblog</a>   |   <a href='index.php?x=atom'>Atom</a>   |   <a href='index.php?x=rss'>RSS</a>  
|</div>
<div id='aboveinfo'>
|  <SITE_PHOTONUMBER> photos   |   <ADVNCD_SITE_VISITORNUMBER> total visitors   | </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'>

<a href='index.php?showimage=<IMAGE_PREVIOUS_ID>'><im g 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">|  
<IMAGE_CATEGORY_PAGED>
   |  &nbsp
<IMAGE_DATETIME>
   |   
<IMAGE_COMMENTS_NUMBER>
<COMMENT_POPUP>
   |   </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 />

<EXIF_ISO> <br />
<EXIF_FLASH>
</div>

</td>
</tr>

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

Thanks again

AMPix

**austriaka**+ · #4 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 · #5 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**+ · #6 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=ht...-photo.net/pod

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

HTH
KArin

ampix · #7 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 rel="service.feed" type="application/x.atom+xml" href="<ATOM_AUTODETECT>" title="<SITE_TITLE> - Atom feed"/>

<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'>

</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"></script>
</head>
<body>
<div id="overDiv" align="left" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<div id='abovelinks'>
|   <IMAGE_PREVIOUS_LINK>    |   <a href="index.php?showimage=<IMAGE_ID>">Permalink</a>   |   <IMAGE_NEXT_LINK>>>   |   <a href='index.php'>Home</a>   |   <a href="index.php?x=browse&pagenum=1">Browse</a>   |   <a href="http://www.pixel-photo.net/gallery/">Galleries</a>   |   <a href="index.php?x=links">Links</a>   |   <a href="index.php?x=about">About</a>   |   <a href="http://www.pixel-photo.net/blog">Weblog</a>   |   <a href='index.php?x=atom'>Atom</a>   |   <a href='index.php?x=rss'>RSS</a>  
|</div>
<div id='aboveinfo'>
|  <SITE_PHOTONUMBER> photos   |   <ADVNCD_SITE_VISITORNUMBER> total visitors   | </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'>

<a href='index.php?showimage=<IMAGE_PREVIOUS_ID>'><im g 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">|  
<IMAGE_CATEGORY_PAGED>
   |   
<IMAGE_DATETIME>
   |   
<IMAGE_COMMENTS_NUMBER>
<COMMENT_POPUP>
   |   </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 />

<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&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>



</div> 

</body>
</html>

Thanks alot for you help

**austriaka**+ · #8 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 · #9 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**+ · #10 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

Pixelpost

Authentic Photoblog Flavour