4images Forum & Community

4images Help / Hilfe => FAQ, Tips => Topic started by: Chris on April 11, 2005, 04:58:09 AM

Title: How can I display Next/Previous thumbnails in details.html?
Post by: Chris on April 11, 2005, 04:58:09 AM
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: [Select]
<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>
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: [Select]
<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>
Title: Re: How can I display Next/Previous thumbnails in details.html?
Post by: wallpapers on April 02, 2006, 09:30:17 PM
Thanks this is what i need  :D
Title: Re: How can I display Next/Previous thumbnails in details.html?
Post by: mapo on April 13, 2006, 06:53:30 PM
Thanks man!
Title: Re: How can I display Next/Previous thumbnails in details.html?
Post by: staygold on April 15, 2006, 11:57:00 AM
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...
Title: Re: How can I display Next/Previous thumbnails in details.html?
Post by: staygold on April 15, 2006, 12:00:51 PM
teehee :D silly me....I was working in the wrong template 8) Everything's working out just great!
Thankz mate!
Title: Re: How can I display Next/Previous thumbnails in details.html?
Post by: staygold on April 15, 2006, 12:17:44 PM
I do have another question about the prev-next button option.
Is it possible to have the thumb or prev-next buttons on a different place in the page, instead of all the way down there.
Let's say for example, next to the "main"image or is it possible to let the image itself function as a button :?:
Title: Re: How can I display Next/Previous thumbnails in details.html?
Post by: ManniC on April 15, 2006, 12:56:46 PM
Just change the position in details.html
Title: Re: How can I display Next/Previous thumbnails in details.html?
Post by: live@ct on November 03, 2006, 04:43:27 AM
I activate the thumbs for next and prev image but this show by the order of name (I think so)
but I like to the next and prev images show by the order of the categorie

how can I do that?!?!?!?!
Title: Re: How can I display Next/Previous thumbnails in details.html?
Post by: angellove on November 21, 2006, 11:41:27 AM
sorry but i'didn't get the point what the meanining of uncomment thumbnails html links
Title: Re: How can I display Next/Previous thumbnails in details.html?
Post by: mawenzi on November 21, 2006, 12:38:19 PM
... uncomment html-code, that means ... you have only to remove ...
Code: [Select]
<---! and
Code: [Select]
-->
Title: Re: How can I display Next/Previous thumbnails in details.html?
Post by: skidpics on September 26, 2007, 06:12:30 AM
Is there  a way to make it into a more filmstrip style, with the middle picture being the picture you are viewing and perhaps 2 on each side for next, next and prev, prev..  totalling maybe 5 images? So that would be the 2 next images, and 2 previous images based on the position you are now..??
Title: Re: How can I display Next/Previous thumbnails in details.html?
Post by: mawenzi on September 26, 2007, 06:22:34 AM
@skidpics
... then use this ...
http://www.4homepages.de/forum/index.php?topic=7294.0

Title: Re: How can I display Next/Previous thumbnails in details.html?
Post by: skidpics on September 26, 2007, 01:04:32 PM
@skidpics
... then use this ...
http://www.4homepages.de/forum/index.php?topic=7294.0



thanks, but none of the links work that gets me to the actual 4images install.  I got the patch software, but after reading carefully on the chinese page, the link for detailed 4images install does not work..

Title: Re: How can I display Next/Previous thumbnails in details.html?
Post by: thunderstrike on September 26, 2007, 08:29:41 PM
Please read step 6 on my signature for does not work.
Title: Re: How can I display Next/Previous thumbnails in details.html?
Post by: webmaster73 on March 02, 2008, 04:18:39 PM
Thanks this is what i need  :D

again. thank you