Image Thumbnail Viewer II

Bei diesem Script wird beim Überfahren mit der Maus aus den
kleinen Grafiken, die große Version nachgeladen.

Der Verwendungszweck ist vielseitig. Außerdem gibt es
viele Einstellmöglichkeiten im Script.

Statt des unten eingesetzten Textlinks kann natürlich auch
eine Grafik genutzt werden.

Grafik 1 (onmouseover)
Grafik 2 (onmouseover)
Grafik 3 (onclick)

HTML-Einbindung
   <script type="text/javascript"> /*********************************************** * Image Thumbnail Viewer II script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts * This notice must stay intact for legal use ***********************************************/ //Specify image paths and optional link (set link to "" for no link): var dynimages=new Array() dynimages[0]=["photo1.jpg", "http://www.cnn.com"] dynimages[1]=["photo2.jpg", "http://www.yahoo.com"] dynimages[2]=["photo3.jpg", "http://www.google.com"] //Preload images ("yes" or "no"): var preloadimg="no" //Set optional link target to be added to all images with a link: var optlinktarget="" //Set image border width var imgborderwidth=0 //Optionally, change 1.0 and 0.7 below to affect Wipe gradient size and duration in seconds in IE5.5+: var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)" ///////No need to edit beyond here///// if (preloadimg=="yes"){ for (x=0; x<dynimages.length; x++){ var myimage=new Image() myimage.src=dynimages[x][0] } } function returnimgcode(theimg){ var imghtml="" if (theimg[1]!="") imghtml='<a href="'+theimg[1]+'" target="'+optlinktarget+'">' imghtml+='<img src="'+theimg[0]+'" border="'+imgborderwidth+'">' if (theimg[1]!="") imghtml+='</a>' return imghtml } function modifyimage(loadarea, imgindex){ if (document.getElementById){ var imgobj=document.getElementById(loadarea) if (imgobj.filters && window.createPopup){ imgobj.style.filter=filterstring imgobj.filters[0].Apply() } imgobj.innerHTML=returnimgcode(dynimages[imgindex]) if (imgobj.filters && window.createPopup) imgobj.filters[0].Play() return false } } </script>  <a href="#" onMouseover="modifyimage('dynloadarea', 0)">image 1 (onmouseover)</a><br> <a href="#" onMouseover="modifyimage('dynloadarea', 1)">image 2 (onmouseover)</a><br> <a href="#" onClick="return modifyimage('dynloadarea2', 2)">image 3 (onclick)</a><p> <div id="dynloadarea" style="width:80px;height:225px"></div> <div id="dynloadarea2" style="width:80px;height:200px"></div>

Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.

Mail:

Name:

Abo
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"