Witam,
Ostatnio na stronie potrzebuje zrobić pokaz zdjęć polegający na ich przesuwaniu w stopce.
Znalazłem odpowiedni skrypt i wszystko działa, niestety jak przejdzie cały pokaz np 20 zdjęć jest przerwa i po jakimś czasie idą od nowa, a potrzebuję by leciały bez przerwy
Oto skrypt:
<script language="JavaScript1.2">
var marqueewidth="860px"
var marqueeheight="250px"
var marqueespeed=2
var marqueebgcolor="#ffffff"
var pauseit=1
var marqueecontent='<nobr> <img src="http://rgfoto.pl/pliki/002.JPG" alt="" border="0" width="376" height="250" /> <img src="http://rgfoto.pl/pliki/004.JPG" alt="" border="0" width="166" height="250" /> <img src="http://rgfoto.pl/pliki/005.JPG" alt="" border="0" width="166" height="250" /> <img src="http://rgfoto.pl/pliki/008.JPG" alt="" border="0" width="179" height="250" /> <img src="http://rgfoto.pl/pliki/009.jpg" alt="" border="0" width="350" height="250" /> <img src="http://rgfoto.pl/pliki/010.JPG" alt="" border="0" width="166" height="250" /> <img src="http://rgfoto.pl/pliki/011.jpg" alt="" border="0" width="179" height="250" /> <img src="http://rgfoto.pl/pliki/012.JPG" alt="" border="0" width="166" height="250" /> <img src="http://rgfoto.pl/pliki/013.jpg" alt="" border="0" width="179" height="250" /> <img src="http://rgfoto.pl/pliki/014.JPG" alt="" border="0" width="433" height="250" /> <img src="http://rgfoto.pl/pliki/015.JPG" alt="" border="0" width="166" height="250" /> <img src="http://rgfoto.pl/pliki/016.JPG" alt="" border="0" width="166" height="250" /> <img src="http://rgfoto.pl/pliki/018.JPG" alt="" border="0" width="166" height="250" /> <img src="http://rgfoto.pl/pliki/019.jpg" alt="" border="0" width="175" height="250" /> <img src="http://rgfoto.pl/pliki/020.JPG" alt="" border="0" width="175" height="250" /> <img src="http://rgfoto.pl/pliki/023.JPG" alt="" border="0" width="166" height="250" /> <img src="http://rgfoto.pl/pliki/024.JPG" alt="" border="0" width="166" height="250" /> <img src="http://rgfoto.pl/pliki/030.JPG" alt="" border="0" width="375" height="250" /> <img src="http://rgfoto.pl/pliki/032.JPG" alt="" border="0" width="166" height="250" /> <img src="http://rgfoto.pl/pliki/033.JPG" alt="" border="0" width="166" height="250" /> <img src="http://rgfoto.pl/pliki/042.JPG" alt="" border="0" width="375" height="250" /> <img src="http://rgfoto.pl/pliki/045.JPG" alt="" border="0" width="375" height="250" /> <img src="http://rgfoto.pl/pliki/046.JPG" alt="" border="0" width="375" height="250" /> <img src="http://rgfoto.pl/pliki/047.JPG" alt="" border="0" width="166" height="250" /> <img src="http://rgfoto.pl/pliki/049.JPG" alt="" border="0" width="375" height="250" /> <img src="http://rgfoto.pl/pliki/050.JPG" alt="" border="0" width="375" height="250" /> <img src="http://rgfoto.pl/pliki/054.JPG" alt="" border="0" width="166" height="250" /> <img src="http://rgfoto.pl/pliki/055.JPG" alt="" border="0" width="166" height="250" /> <img src="http://rgfoto.pl/pliki/061.JPG" alt="" border="0" width="375" height="250" /> <img src="http://rgfoto.pl/pliki/062.JPG" alt="" border="0" width="427" height="250" /> <img src="http://rgfoto.pl/pliki/065.jpg" alt="" border="0" width="175" height="250" /></nobr>'
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1)
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=parseInt(marqueewidth)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
}
lefttime=setInterval("scrollmarquee()",10)
}
window.onload=populate
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=parseInt(marqueewidth)+8
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
Dotychczasowe działanie można zobaczyć na www.rgfoto.pl
Ma ktoś patent jak to zrobić :) |
v7.00.05
Nie pomagam na PW/GG | Brak stopki = brak pomocy
