slider orizontale continuo

**graffithouse** · 22-10-2008, 11:40

Ciao a tutti , premetto che sono niubissimo nel settore, quindi vi prego perdonatemi se sbaglio.

ho trovato questo codice in internet, e modificandolo ho fatto in modo che questo scroll, da verticale diventi orizontale.
ora, mi servirebbe che quando arriva alla fine, non si ferma, maricominci da capo.

premetto questo codice è abbinato ad un div, presente su una pagina html.

scrollStep=1

timerLeft=""
timerRight=""

function toLeft(id){
document.getElementById(id).scrollLeft=0
}

function scrollDivRight(id){
clearTimeout(timerRight)
document.getElementById(id).scrollLeft+=scrollStep
timerRight=setTimeout("scrollDivRight('"+id+"')",1 0)
}

function scrollDivLeft(id){
clearTimeout(timerLeft)
document.getElementById(id).scrollLeft-=scrollStep
timerLeft=setTimeout("scrollDivLeft('"+id+"')",10)
}

function toBottom(id){
document.getElementById(id).scrollLeft=document.ge tElementById(id).scrollWidth
}

function stopMe(){
clearTimeout(timerRight)
clearTimeout(timerLeft)
}

sperando che voi ci capiate qualcosa cioa cioa e grazie

**graffithouse** · 22-10-2008, 13:59

se volete vi posto il codice compreso l'html!

**graffithouse** · 23-10-2008, 09:17

dai, lo so che ce la potete fare, vi pregoooooooooooooo un aiutino, non so dove mettere le mani!!!

**Xinod** · 23-10-2008, 09:44

Originariamente inviato da graffithouse
function scrollDivRight(id){
clearTimeout(timerRight)
var el=document.getElementById(id);
var soFar=el.scrollLeft;
el.scrollLeft=(soFar+scrollStep > el.scrollWidth)?0:soFar+scrollStep;
timerRight=setTimeout("scrollDivRight('"+id+"')",1 0)
}

function scrollDivLeft(id){
clearTimeout(timerLeft)
var el=document.getElementById(id);
var soFar=el.scrollLeft;
el.scrollLeft=(soFar-scrollStep <0)?el.scrollWidth:soFar-scrollStep;
timerLeft=setTimeout("scrollDivLeft('"+id+"')",10)
}

prova, io non l' ho fatto
comunque non servirebbero ne' due funzioni ne' due timer
ciao

**graffithouse** · 23-10-2008, 12:17

non funziona.
forse dovevo dire anche che lo scroll è comandato da 2 pulsanti?

vi riposto il codice con l'html,

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>

<style type="text/css">

</style>
</head>

<script type="text/javascript">

function scrollDivRight(id){
clearTimeout(timerRight)
var el=document.getElementById(id);
var soFar=el.scrollLeft;
el.scrollLeft=(soFar+scrollStep > el.scrollWidth)?0:soFar+scrollStep;
timerRight=setTimeout("scrollDivRight('"+id+"')",1 0)
}

function scrollDivLeft(id){
clearTimeout(timerLeft)
var el=document.getElementById(id);
var soFar=el.scrollLeft;
el.scrollLeft=(soFar-scrollStep <0)?el.scrollWidth:soFar-scrollStep;
timerLeft=setTimeout("scrollDivLeft('"+id+"')",10)
}

</script>
<body>
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>[img]2.png[/img]</td>
<td><div id="display">
<table width="910" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
ragsgc fabxdhfgcsz nmfgvdasropi jgdfpaij gasdfpj ghdfijhg piadsuh piadsuuh gpiauhgd disuahg aiuhf asiudhg '0asduyg idsauhg pidushg piadsuhg pdiasuhg aisduhg
</td>
</tr>
</table>

</div></td>
<td>[img]2.png[/img]</td>
</tr>
</table>
</body>
</html>

**Xinod** · 23-10-2008, 12:23

ho postato solo le due funzioni che ho modificato, il resto serve

**graffithouse** · 23-10-2008, 12:31

ha ok grazie mille!
non avevo capito

----provato, ma funziona solo da una parte

**Xinod** · 23-10-2008, 12:51

cambia questo
el.scrollLeft=(soFar+scrollStep > el.scrollWidth)?0:soFar+scrollStep;
con questo
el.scrollLeft=(soFar+el.offsetWidth+scrollStep > el.scrollWidth)?0:soFar+scrollStep;

**graffithouse** · 23-10-2008, 13:10

funziona perfettamente!!!

grazie mille della pazzienza
e grazie ancora!

Discussione: slider orizontale continuo

Strumenti discussione

Ricerca discussione

Visualizza

slider orizontale continuo

Re: slider orizontale continuo

Permessi di invio