Pokaz wstępny [Preview]
funkcja ta umożliwia nam graficzną nawigację, w poszczególnych kategoriach.
Oznacza to, że na stronie przeglądarki detalicznej, dodatkowo przy linku
poprzednie zdjęcie i
następne zdjęcie,
wyświetlone zostaną miniaturki zdjęcia poprzednigo i następnego.
Funkcja ta standardowo znajduje się w skrypcie 4images od wersji 1.7.2, należy ją tylko aktywować.
W tym celu otwórzmy plik
details.html, ścieżka
/templates/<twoj_szablon>/details.html i odszukajm
<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} </td>
<td align="right" class="row2"> {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>
Jeżeli przyjrzymy się temu fragmentowi kodu HTML, zauważymy w nim znaczniki komentarzu.
<!-- -->
Tekst lub kod który znajduje się między nimi nie jest brany pod uwagę przez aplikacje które kodują i czytają kody HTML.
Usuńmy więc te znaczniki,
<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} </td>
<td align="right" class="row2"> {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>
Funkcja
Pokaz wstępny [Preview] jest aktywna
Demo
Autor
