Salve girovagando in rete ho trovato uno script che ritengo utile ma ho la necessita' di doverlo modificare e sto trovando delle difficolta'. Partendo dall'effetto base che offre lo script io desidero eliminare i link sulle singole immagini ed inoltre vorrei che l'effetto del passaggio delle slide da sinistra a destra avvenga una sola volta cioè, detto in parole povere, che si abbia solo una slide che parte da sinistra ed arrivi al limite destro fermandosi, poi basta (possibilmente variando la distanza percora). Una volta fatto cio' mi interesserebbe capire come ottenere l'effetto speculare, cioè un'immagine con le stesse richieste di prima ma con la differenza che si sposti da destra a sinistra. In pratica sto cercando di riottenere l'effetto "marquee behavior=slide direction=left/right" Posto lo script trovato. Ringrazio in anticipo chiunque mi aiuterà.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<title>Galleria di presentazione - Esempio JavaScript scaricato da HTML.it</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<meta name="Robots" content="All" />
<meta name="Description" content="HTML.it - il sito italiano sul Web publishing" />
<meta name="Keywords" content="Lo script è un interessante slideshow adatto a presentare immagini di ogni tipo. Lo scorrimento avverrà da sinistra verso destra e sarà possibile associare un link ad ogni foto." />
<meta name="Owner" content="HTML.it srl" />
<meta name="Author" content="HTML.it srl" />
<meta name="Copyright" content="HTML.it srl" />
</head>
<body >
<div align="center">
<script type="text/javascript" language="JavaScript">
<!--
var slideshow_width='250px'
var slideshow_height='190px'
var pause=30000000000
var slidebgcolor="#ffffff"
var dropimages=new Array()
dropimages[0]="img/img1.jpg"
dropimages[1]="img/img2.jpg"
dropimages[2]="img/img3.jpg"
var droplinks=new Array()
droplinks[0]="http://www.html.it"
droplinks[1]="http://flash-mx.it"
droplinks[2]=""
var preloadedimages=new Array()
for (p=0;p<dropimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=dropimages[p]
}
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+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+' ;height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div></div>')
else
document.write('[img]'+dropimages[0]+'[/img]')
var curpos=parseInt(slideshow_width)*(-1)
var degree=10
var curcanvas="canvas0"
var curimageindex=linkindex=0
var nextimageindex=1
function movepic(){
if (curpos<0){
curpos=Math.min(curpos+degree,0)
tempobj.style.left=curpos+"px"
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
var slideimage='[img]'+dropimages[curimageindex]+'[/img]'
tempobj.innerHTML=(droplinks[curimageindex]!="")? ''+slideimage+'' : slideimage
nextimageindex=(nextimageindex<dropimages.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("movepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=dropimages[curimageindex]
linkindex=curimageindex
curimageindex=(curimageindex<dropimages.length-1)? curimageindex+1 : 0
}
function rotatelink(){
if (droplinks[linkindex]!="")
window.location=droplinks[linkindex]
}
function resetit(what){
curpos=parseInt(slideshow_width)*(-1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.left=curpos+"px"
}
function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='[img]'+dropimages[curimageindex]+'[/img]'
rotateimage()
}
if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)
//-->
</script>
</div>
<div align="center">
[img]logo_htmlit.gif[/img]
</div>
</body>
</html>
Rispondi quotando