Author Topic: How can I display Next/Previous thumbnails in details.html?  (Read 69543 times)

0 Members and 1 Guest are viewing this topic.

Offline Chris

  • 4images Moderator
  • 4images Guru
  • *****
  • Posts: 4.487
  • Did u ever stop to think and then forget to start?
    • View Profile
How can I display Next/Previous thumbnails in details.html?
« 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>

Offline wallpapers

  • Full Member
  • ***
  • Posts: 107
    • View Profile
    • Tuned-Cars.Net
Re: How can I display Next/Previous thumbnails in details.html?
« Reply #1 on: April 02, 2006, 09:30:17 PM »
Thanks this is what i need  :D



Offline mapo

  • Pre-Newbie
  • Posts: 3
    • View Profile
Re: How can I display Next/Previous thumbnails in details.html?
« Reply #2 on: April 13, 2006, 06:53:30 PM »
Thanks man!

Offline staygold

  • Pre-Newbie
  • Posts: 5
    • View Profile
Re: How can I display Next/Previous thumbnails in details.html?
« Reply #3 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...

Offline staygold

  • Pre-Newbie
  • Posts: 5
    • View Profile
Re: How can I display Next/Previous thumbnails in details.html?
« Reply #4 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!

Offline staygold

  • Pre-Newbie
  • Posts: 5
    • View Profile
Re: How can I display Next/Previous thumbnails in details.html?
« Reply #5 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 :?:

Offline ManniC

  • Full Member
  • ***
  • Posts: 182
    • View Profile
    • photographic impressions
Re: How can I display Next/Previous thumbnails in details.html?
« Reply #6 on: April 15, 2006, 12:56:46 PM »
Just change the position in details.html
Viele Gre / Best Regards
Manfred
------------------------------------------------------
photographic impressions powered by mc-com.de[/color][/url][/size]

Offline live@ct

  • Sr. Member
  • ****
  • Posts: 348
    • View Profile
Re: How can I display Next/Previous thumbnails in details.html?
« Reply #7 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?!?!?!?!
Existen 10 tipos de personas, los que entienden el codigo binario y los que no.

Offline angellove

  • Pre-Newbie
  • Posts: 1
    • View Profile
Re: How can I display Next/Previous thumbnails in details.html?
« Reply #8 on: November 21, 2006, 11:41:27 AM »
sorry but i'didn't get the point what the meanining of uncomment thumbnails html links

Offline mawenzi

  • 4images Moderator
  • 4images Guru
  • *****
  • Posts: 4.500
    • View Profile
Re: How can I display Next/Previous thumbnails in details.html?
« Reply #9 on: November 21, 2006, 12:38:19 PM »
... uncomment html-code, that means ... you have only to remove ...
Code: [Select]
<---! and
Code: [Select]
-->
Your first three "must do" before you ask a question ! ( by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...

Offline skidpics

  • Jr. Member
  • **
  • Posts: 61
    • View Profile
Re: How can I display Next/Previous thumbnails in details.html?
« Reply #10 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..??

Offline mawenzi

  • 4images Moderator
  • 4images Guru
  • *****
  • Posts: 4.500
    • View Profile
Re: How can I display Next/Previous thumbnails in details.html?
« Reply #11 on: September 26, 2007, 06:22:34 AM »
Your first three "must do" before you ask a question ! ( by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...

Offline skidpics

  • Jr. Member
  • **
  • Posts: 61
    • View Profile
Re: How can I display Next/Previous thumbnails in details.html?
« Reply #12 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..


Offline thunderstrike

  • 4images Guru
  • *******
  • Posts: 2.327
    • View Profile
Re: How can I display Next/Previous thumbnails in details.html?
« Reply #13 on: September 26, 2007, 08:29:41 PM »
Please read step 6 on my signature for does not work.
8 steps need when ask question -

- PHP version (ACP - > phpinfo())
- mySQL version (ACP - > phpinfo())
- 4images version
- Post screenshot / URL
- Post code in BB Code (no need full file for code) or post attach file
- It doesn't work. What is say - what is do for no work
- Install MOD ? If so - please say (troubleshooting)
- Read FAQ ? Install Bug fixes ?

Offline webmaster73

  • Jr. Member
  • **
  • Posts: 75
    • View Profile
Re: How can I display Next/Previous thumbnails in details.html?
« Reply #14 on: March 02, 2008, 04:18:39 PM »
Thanks this is what i need  :D

again. thank you

 

Post your comments here