Ik probeer de default template van de album module aan te passen maar helaas is het nog niet gelukt.
Wat ik graag wil is dat als je op de grote foto klikt dat hij dan niet gesloten wordt maar dat hij de eerste foto weer laat zien.
De code is:
Code: Select all
{* Include JS files. You can move this to the head of your page template if you want *}
<!--Thickbox ThickBoxWithPrev-Next stuff-->
<__script__ type="text/javascript" src="modules/Album/templates/db/js/jquery.js"></__script>
<__script__ type="text/javascript" src="modules/Album/templates/db/js/thickbox.js"></__script>
{if $pictureid !=0}
{* Big Picture *}
<div style="text-align:center">
<p class="bigpicturecaption"><strong>{$picture->name}</strong><br />
{$picture->comment}<br />
<span class="bigpicturenav">
{if $link.picture.previous}<a href="{$link.picture.previous}" title="Previous picture">< Previous</a>{/if}
<span class= "albumpicturecount">( Picture {$picturenumber}/{$picturecount} )</span>
{if $link.picture.next}<a href="{$link.picture.next}" title="Next picture">Next ></a></span>{/if}
</p>
<img src="{$picture->picture}" alt="{$picture->name|escape:'html'} - {$picture->comment|escape:'html'}" title="{$picture->name|escape:'html'} - {$picture->comment|escape:'html'}" />
</div>
{/if}
{* Album List *}
{if !$album}
<ul class="albumlist">
{foreach from=$albums item=album}
<li class="thumb">
<a href="{$album->link}">
<img src="{$album->thumbnail}" alt="{$album->name|escape:'html'}" title="{$album->name|escape:'html'} - {$album->comment|escape:'html'}"{$album->autothumbnailsize} /></a>
<p class="albumname">{$album->name}<br />
<span class="albumpicturecount">({$album->picturecount} images)</span><br />
<span class="albumcomment">{$album->comment}</span></p>
</li>
{/foreach}
</ul>
{else}
{* Photo List *}
<p><span class="noprint">Click on a thumbnail to view a larger image. Click anywhere on the larger image or use the 'Esc' (escape) key to close it. Use the 'next' and 'previous' links or the '<' or '>' (more than/less than keys) to navigate the larger images. <br/>{if $returnlink}<a href="{$returnlink}">Return to the album index page</a>{/if}</span></p>
{if $pagecount>1}
<p class="albumnav">
<a href="{$link.page.first}" title="first page"><< </a>
{if $link.page.previous}<a href="{$link.page.previous}" title="previous page">< </a>{/if}
page {$pagenumber}/{$pagecount}
{if $link.page.next}<a href="{$link.page.next}" title="next page"> ></a>{/if}
<a href="{$link.page.last}" title="last page"> >></a>
</p>
{/if}
<h3>{$album->name}</h3>
{$album->comment}
<ul class="picturelist">
{foreach from=$pictures item=picturesrow}
{foreach from=$picturesrow item=onepicture}
<li class="thumb"><a href="{$onepicture->picture}" rel="{$album->name|escape:'html'}" class="thickbox" title="{$onepicture->name|escape:'html'} - {$onepicture->comment|escape:'html'}"> <img src="{$onepicture->thumbnail}" alt="{$onepicture->name|escape:'html'} - {$onepicture->comment|escape:'html'}" title="{$onepicture->name|escape:'html'} - {$onepicture->comment|escape:'html'}"{$onepicture->autothumbnailsize} /></a>
</li>
{if ($onepicture->number==$picturenumber and !$picture)}{assign var=picture value=$onepicture}{/if}
{/foreach}
{/foreach}
</ul>
{if $picturecount==0}No image{/if}
{/if}
{if $picture->id>0}
{/if}
<div style="clear:both"></div> 
