Replace next/previous image text links with image

[gborislav]

Hi,
On this website,when you click on details of picture
http://www.foto-kocher.com/details.php?image_id=8433
On the top right and left side where says "next picture and previous
picture" it shows the actual picture only smaller. On my website which is by
default mode it just says Next and Previous" but no picture. Can you
recommend me some MOD so that on mine it would show the pictures too.

Thanks,
Boris

[manurom]

Hello;
you just have to edit templates/your_template/details.html.
Find:

Code: [Select]

<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>
and change it to:

Code: [Select]

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

[gborislav]

Thank you very much for the replay, is it possible to make the pictures smaller, or where can i change the sizes.
For example 30 by 30.

Thanks again

[manurom]

Hello;
replace the previous code by this one, if you want to have 30 pixels width and height por your previous and next thumbnails:

Code: [Select]

<td class="row2"> {if prev_image_name}{lang_prev_image}
                              <b><a href="{prev_image_url}">{prev_image_name}</a></b>
                              <br /><br /><a href="{prev_image_url}"><img src="{prev_thumb_file}" width="30" height="30" 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}" width="30" height="30" border="1"></a>
                              {endif next_image_name}</td>
Hint: if your pictures are not squared, try to use only the height in pixels, to keep natural looking thumbnails. The width of the thumbnail will be resized proportionnally to the height.

[gborislav]

Thank you.

[skidpics]

any idea to make it like a film strip??