How do I activate so a mouse click changes to the next picture?

[davidvo]

Hi!

It's SO annoying when it doesn't work to click on the picture to get to the next one...
Anyone who knows what I have done wrong, or what to do?

url: http://davidvo.biz/pixelpost/

Thanks for any help!
David

[kevincrafts]

You just need to wrap the image in a link tag with the proper Pixelpost Tag (http://www.pixelpost.org/docs/TemplateTags/IMAGE_PREVIOUS_ID) to have it go to the previous photo.

[davidvo]

I've tried to figure it out, but I didn't understand what to do...
Could you please try to explain a little more detailed!

Jiis, I hate being a noobie

[kevincrafts]

Put this where you photo is:

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

[davidvo]

I'm feeling so stupid right now.... Where should I put it? In the image_template.html ?

This is a picture of the content in the image_template.html file, but I don't know where to put it?

http://davidvo.biz/help/image.jpg

Thanks again for any help!

[Dkozikowski]

I took a look at your photo...

Take a look at lines 10, 11, and 12 outlined below.

<div id="imageWrap">
<img id="image" src="images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="<IMAGE_TITLE>" width="<IMAGE_WIDTH>px" height="<IMAGE_HEIGHT>px" class="photo" />
</div>


Change line 11 to look like this:

<a href="index.php?showimage=<IMAGE_PREVIOUS_ID>">
<img id="image" src="images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="<IMAGE_TITLE>" width="<IMAGE_WIDTH>px" height="<IMAGE_HEIGHT>px" class="photo" />
</a>


The final result should look like this:

<div id="imageWrap">
<a href="index.php?showimage=<IMAGE_PREVIOUS_ID>">
<img id="image" src="images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="<IMAGE_TITLE>" width="<IMAGE_WIDTH>px" height="<IMAGE_HEIGHT>px" class="photo" />
</a>
</div>

[davidvo]

Thank you very much for a detailed explanation!

It worked perfectly!