Page 1 of 1

Gallery - thumbnails actief

Posted: Thu Feb 25, 2010 9:55 am
by rednose
Daar ben ik nog een keer ;)
ik heb dat gallery script met de template van dhtmlgoodies nu succesvol geintegreerd  ( http://forum.cmsmadesimple.org/index.php/topic,36531.0.html) , nu wil mijn klant geen "echte" thumbnails maar kleine vierkantjes om aan te klikken.

nu was dat niet zo'n probleem, maar het zo mooi zijn als ik de actieve thumb een andere gif kan toewijzen.

Mijn vraag nu: hoe kan ik opschrijven: "als thumb gleich beeld is, dan..... en anders....".
ik ben al wel begonnen, maar het lukt nog niet. Tot nu toe krijg ik alleen de 2e.

Code: Select all

<div id="dhtmlgoodies_slideshow">
	
	{if !empty($module_message)}<h4>{$module_message|escape}</h4>{/if}
	{if !empty($gallerytitle)}<h3>{$gallerytitle}</h3>{/if}
	{if !empty($gallerycomment)}<div class="gallerycomment">{$gallerycomment}</div>{/if}
			<div id="previewPane">
				<img src="{$images[0]->file}">
				<span id="waitMessage">Loading image. Please wait</span>	
				 <div id="largeImageCaption"></div> 
		</div>
		<div id="galleryContainer">						
				  <div id="theImages">
				    	{foreach from=$images item=image}
{if $image->file}
<a href="#" onclick="showPreview('{$image->file}','1');return false"> <img src="uploads/images/gal_a.gif"  ></a>	
{else}	
<a href="#" onclick="showPreview('{$image->file}','1');return false"> <img src="uploads/images/gal.gif"  ></a>	{/if}
							{/foreach}
							<div id="slideEnd"></div>
					</div>
		</div> 	
	</div>

Re: Gallery - thumbnails actief

Posted: Thu Feb 25, 2010 10:26 am
by Jos
Wat jij wilt kun je niet in het sjabloon regelen. Die zet eenmalig wat op het scherm en is er dan klaar mee.

Het javascript deel daarentegen zorgt voor het dynamische effect van wisselen tussen afbeeldingen. In die javascript zul je dus ook iets moeten toevoegen wat de thumb wijzigt als het aangeklikt wordt, en bovendien andere thumbs weer terugzet naar de normale versie.

Als alternatief zou je ook eens kunnen kijken naar een css oplossing met a:focus, zie http://www.w3.org/TR/CSS2/selector.html ... do-classes

Meer dan dit heb ik er ook geen verstand van, daarvoor zou ik er dieper in moeten duiken.