Slide Show
-
Klasördeki resimleri resize yaparak slide show şeklinde ekranda gösterebilecek bir script arıyorum.. Yardımcı olabilecek olan var mı ?
-
al yapıstıragandi
<script language="JavaScript1.2">
var slideshow_width=336
var slideshow_height=448
var pause=9000var fadeimages=new Array()
fadeimages[0]="degisenresim/1.jpg"
fadeimages[1]="degisenresim/2.jpg"
fadeimages[2]="degisenresim/3.jpg"
var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p]
}var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1if (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;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else
document.write('<center><img name="defaultslide" src="'+fadeimages[0]+'"></center>')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/100
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='<center><img src="'+fadeimages[nextimageindex]+'"></center>'
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
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/100
}function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<center><img src="'+fadeimages[curimageindex]+'"></center>'
rotateimage()
}if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)</script>
-
var pause=9000 // burdan da zamanı ayarla sana hangisi uygunsa onu secersin.
-
<html><head>
<script type="text/javascript" language="Javascript" >
resim=new Array(
"cilt_bakim/1.jpg",
"cilt_bakim/2.jpg",
"cilt_bakim/3.jpg",
"cilt_bakim/4.jpg",
"cilt_bakim/5.jpg",
"cilt_bakim/6.jpg"
);
function degis(){
var img =document.getElementById("img");
img.src=resim[Math.floor(Math.random()*resim.length)];
setTimeout("degis()",3000)
}
window.onload=degis;
</script>
</head>
<body>
<div><img id="img" src="" width="300" height="300">
</div>
</body>
</html>Teşekkür ederim ama gece ben sorunu halletmiştim.. Kodlara ihtiyacı olan varsa...
-
phonecs sagol;asin konuyu actigin ama verdigin kodlar calismiyo ya da ben calistiramadim diyim
x-files ellerine saglik bilader
var slideshow_width=235
var slideshow_height=480
buradan resim boyutlarini ayarlamaya calisiyorum ama pek de ise yaramiyo gibi. genislik ve yukseklik degerleri hic de verdigim gibi cikmiyo malesef. slayt in boyutlarini ayarlayinca resmin sadece o kadarini aliyo resmi o boyutlara uyarlamiyo yani
urun tanitimi yapan bi sayfa hazirliyorum da sayfada her urunden 5 tane goruntu yayinlama hakki var. simdi her urunden 5 er tane olmayabiliyo bazen 2 ya da 3 de olabilir. eger bu kodlari su sekilde yerlestirirsem
fadeimages[0]="images/<%=rs("Resim1")%>"
fadeimages[1]="images/<%=rs("Resim2")%>"
fadeimages[2]="images/<%=rs("Resim3")%>"
fadeimages[3]="images/<%=rs("Resim4")%>"
fadeimages[4]="images/<%=rs("Resim5")%>"az resimli olan yerlerde sorun cikacak. java dan hic anlamadigim icin tikandim. yardimci olabilirseni sevinirim ...
-
jpgleri verseydim daha makbule gecerdi ama neyse herşeyi devletten beklememek lazım
-
DeAdPaN bunu yazdı:
-----------------------------phonecs sagol;asin konuyu actigin ama verdigin kodlar calismiyo ya da ben calistiramadim diyim
-----------------------------Yooo.. Bende çalışıyor.. Çalıştırmakta o kadar zor değil. Resimlerin yollarını göstermen yeterli..
Bu arada Phonecx..
-
:=)
