[ 01011011 @ 11.07.2005. 18:57 ] @
Ima prva skripta koja otara slike sa thumbnails...znaci imam 20 thumbs i otvara ih u istom prozoru koje reade na rollover misa preko thumbnaila velika se slika otvara velika... Code: <script LANGUAGE="JavaScript"> <!-- Hide Script function move_in(img_name,img_src) { document[img_name].src=img_src; } function move_out(img_name,img_src) { document[img_name].src=img_src; } //End Hide Script--> </script> E sad ovo radi rollorver efekat... ovo je kad se koristi Code: <img src="images/fam/color/small/8.jpg" border="0" width="60" height="60"></a> <a href="#" OnMouseOver="move_in('image1','images/fam/color/big/9.jpg')" OnMouseOut="move_out('image1','images/fam/color/big/9.jpg')"> E sad imam ovu skriptu koja je samo slideshow Code: <script language="JavaScript1.2" type="text/javascript"> /*********************************************** * Fade-in image slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ var slideshow_width='450px' //SET IMAGE WIDTH var slideshow_height='400px' //SET IMAGE HEIGHT var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds) var fadeimages=new Array() //SET 1) IMAGE PATHS, 2) optional link, 3), optional link target: fadeimages[0]=["images/fam/color/big/1.jpg", "", ""] //plain image syntax fadeimages[1]=["images/fam/color/big/2.jpg", "", ""] //plain image syntax fadeimages[2]=["images/fam/color/big/3.jpg", "", ""] //plain image syntax fadeimages[3]=["images/fam/color/big/4.jpg", "", ""] //plain image syntax fadeimages[4]=["images/fam/color/big/5.jpg", "", ""] //plain image syntax fadeimages[5]=["images/fam/color/big/6.jpg", "", ""] //plain image syntax fadeimages[6]=["images/fam/color/big/7.jpg", "", ""] //plain image syntax fadeimages[7]=["images/fam/color/big/8.jpg", "", ""] //plain image syntax fadeimages[8]=["images/fam/color/big/9.jpg", "", ""] //plain image syntax fadeimages[9]=["images/fam/color/big/10.jpg", "", ""] //plain image syntax fadeimages[10]=["images/fam/color/big/11.jpg", "", ""] //plain image syntax fadeimages[11]=["images/fam/color/big/12.jpg", "", ""] //plain image syntax fadeimages[12]=["images/fam/color/big/13.jpg", "", ""] //plain image syntax fadeimages[13]=["images/fam/color/big/14.jpg", "", ""] //plain image syntax fadeimages[14]=["images/fam/color/big/15.jpg", "", ""] //plain image syntax fadeimages[15]=["images/fam/color/big/16.jpg", "", ""] //plain image syntax fadeimages[16]=["images/fam/color/big/17.jpg", "", ""] //plain image syntax fadeimages[17]=["images/fam/color/big/18.jpg", "", ""] //plain image syntax fadeimages[18]=["images/fam/color/big/19.jpg", "", ""] //plain image syntax fadeimages[19]=["images/fam/color/big/20.jpg", "", ""] //plain image syntax fadeimages[20]=["images/fam/color/big/21.jpg", "", ""] //plain image syntax fadeimages[21]=["images/fam/color/big/22.jpg", "", ""] //plain image syntax fadeimages[22]=["images/fam/color/big/23.jpg", "", ""] //plain image syntax fadeimages[23]=["images/fam/color/big/24.jpg", "", ""] //plain image syntax fadeimages[24]=["images/fam/color/big/25.jpg", "", ""] //plain image syntax ////NO need to edit beyond here///////////// var preloadedimages=new Array() for (p=0;p<fadeimages.length;p++){ preloadedimages[p]=new Image() preloadedimages[p].src=fadeimages[p][0] } var ie4=document.all var dom=document.getElementById if (ie4||dom) document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"> <div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div> <div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10;visibility: hidden"></div></div>') else document.write('<img name="image1" src="'+fadeimages[0][0]+'">') var curpos=10 var degree=10 var curcanvas="canvas0" var curimageindex=0 var nextimageindex=1 function fadepic(){ if (curpos<100){ curpos+=10 if (tempobj.filters) tempobj.filters.alpha.opacity=curpos else if (tempobj.style.MozOpacity) tempobj.style.MozOpacity=curpos/101 } else{ clearInterval(dropslide) nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1" tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas) tempobj.innerHTML=insertimage(nextimageindex) nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0 var tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas) tempobj2.style.visibility="hidden" setTimeout("rotateimage()",pause) } } function insertimage(i){ var tempcontainer=fadeimages[i][1]!=""? '<a href="'+fadeimages[i][1]+'" target="'+fadeimages[i][2]+'">' : "" tempcontainer+='<img src="'+fadeimages[i][0]+'" border="0">' tempcontainer=fadeimages[i][1]!=""? tempcontainer+'</a>' : tempcontainer return tempcontainer } function rotateimage(){ if (ie4||dom){ resetit(curcanvas) var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas) crossobj.style.zIndex++ tempobj.style.visibility="visible" var temp='setInterval("fadepic()",50)' dropslide=eval(temp) curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0" } else document.images.defaultslide.src=fadeimages[curimageindex][0] curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0 } function resetit(what){ curpos=10 var crossobj=ie4? eval("document.all."+what) : document.getElementById(what) if (crossobj.filters) crossobj.filters.alpha.opacity=curpos else if (crossobj.style.MozOpacity) crossobj.style.MozOpacity=curpos/101 } function startit(){ var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas) crossobj.innerHTML=insertimage(curimageindex) rotateimage() } if (ie4||dom) window.onload=startit else setInterval("rotateimage()",pause) </script> E sad treba da napravim kada korisnik ne ide na rollover preko slika da onda slike se same mijenjaju... Da li neko zna neki nacin da ove 2 skripte slozim u jednu... [Ovu poruku je menjao 01011011 dana 11.07.2005. u 20:01 GMT+1] [Ovu poruku je menjao 01011011 dana 11.07.2005. u 21:27 GMT+1] |