Gallery - thumbnails actief

Nederlandse ondersteuning voor CMS Made Simple

Moderator: velden

Post Reply
rednose
Forum Members
Forum Members
Posts: 18
Joined: Fri Jun 26, 2009 3:04 pm

Gallery - thumbnails actief

Post 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>
Jos
Support Guru
Support Guru
Posts: 4019
Joined: Wed Sep 05, 2007 8:03 pm
Location: The Netherlands

Re: Gallery - thumbnails actief

Post 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.
Post Reply

Return to “Dutch - Nederlands”