4images Help / Hilfe > FAQ, Tips

How can I display Next/Previous thumbnails in details.html?

(1/3) > >>

Chris:
details.html is the template that displays image details along with the image itself (via one of the media templates)

By default, the details.html template uses text links for navigating to the next and previous images. Some people would prefer to also show the thumbnails of those images.

In the details.html template that ships with the downloaded distribution of 4images, there is the following code:

--- Code: ---<table width="100%" border="0" cellspacing="0" cellpadding="3">
  <tr valign="top">
    <td class="row2">
      {if prev_image_name}{lang_prev_image}<br />
      <b><a href="{prev_image_url}">{prev_image_name}</a></b>

      <!-- <br /><br /><a href="{prev_image_url}"><img src="{prev_thumb_file}" border="1"></a> -->

      {endif prev_image_name}&nbsp;</td>
    <td align="right" class="row2">
      &nbsp;{if next_image_name}{lang_next_image}<br />
      <b><a href="{next_image_url}">{next_image_name}</a></b>

      <!-- <br /><br /><a href="{next_image_url}"><img src="{next_thumb_file}" border="1"></a> -->

      {endif next_image_name}</td>
  </tr>
</table>

--- End code ---
As you can see above, there is already HTML code that can display the thumbnails. It is simply commented out. To activate the thumbnails, uncomment the thumbnail HTML links:

--- Code: ---<table width="100%" border="0" cellspacing="0" cellpadding="3">
  <tr valign="top">
    <td class="row2">
      {if prev_image_name}{lang_prev_image}<br />
      <b><a href="{prev_image_url}">{prev_image_name}</a></b>

      <br /><br /><a href="{prev_image_url}"><img src="{prev_thumb_file}" border="1"></a>

      {endif prev_image_name}&nbsp;</td>
    <td align="right" class="row2">
      &nbsp;{if next_image_name}{lang_next_image}<br />
      <b><a href="{next_image_url}">{next_image_name}</a></b>

      <br /><br /><a href="{next_image_url}"><img src="{next_thumb_file}" border="1"></a>

      {endif next_image_name}</td>
  </tr>
</table>

--- End code ---

wallpapers:
Thanks this is what i need  :D

mapo:
Thanks man!

staygold:
Hi , i've tried to make it work , but it doesn't seem to work.
Let's see, the topic is about the small textbuttons (previous or next image) But instead of the text functioning as button a thumbnail is displayed and works as a button.
I'm not sure if i did the above displayed info the right way.
I only have to remove the "<---!" thingies in front of the code? Or is that to easy thinking of me :roll:
It doesn't seem to work with me...

staygold:
teehee :D silly me....I was working in the wrong template 8) Everything's working out just great!
Thankz mate!

Navigation

[0] Message Index

[#] Next page