DHTML scroller immagine da modificare

**Planetoffantasy** · 25-08-2003, 18:12

cercando su html... ho trovato questo script che fa muovere un'immagine da destra a sinistra...

----------------------------------------------------

<BODY vLink=blue>

<SCRIPT language=JavaScript1.2>

var marqueewidth=350
var marqueeheight=54
var speed=6

var marqueecontents='[img]banner.jpg[/img]'

if (document.all)
document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+'">'+marqueecontents+' </marquee>')

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}

function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.w rite('<nobr>'+marqueecontents+'</nobr>')
document.cmarquee01.document.cmarquee02.document.c lose()
thelength=document.cmarquee01.document.cmarquee02. document.width
scrollit()
}

function scrollit(){
if (document.cmarquee01.document.cmarquee02.left>=the length*(-1)){
document.cmarquee01.document.cmarquee02.left-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.left=marqu eewidth
scrollit()
}
}

window.onload=regenerate2
</SCRIPT>
<ILAYER name="cmarquee01" height="&{marqueeheight};"
width="&{marqueewidth};"><LAYER
name="cmarquee02"></LAYER></ILAYER></BODY></HTML>

--------------------------------------------------------

non ci ho capito molto... ma io vorrei modificarlo in questo modo:

1- posizionare il passaggio nel punto della pagina che voglio io

2- il movimento farlo da sinistra a destra

3- fare fermare l'immagine per tot secondi al centro.. per poi farla tornare e quindi scomparire da dove è venuta (cioè da sinistra)

Qualcuna sa darmi una mano.. visto che non ci capisco niente :master:

**Planetoffantasy** · 25-08-2003, 18:28

ok.. sono riuscito a cambiare direzione e bloccarlo...aggiungendo questo...

-----------------------------------------------------------------
<HTML><HEAD><TITLE>Dynamic HTML - dimostrazione pratica</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY vLink=blue>

<SCRIPT language=JavaScript1.2>

var marqueewidth=350
var marqueeheight=54
var speed=6

var marqueecontents='[img]panda.jpg[/img]'

if (document.all)
document.write('<marquee scrollAmount='+speed+' behavior=slide direction=right style="width:'+marqueewidth+'">'+marqueecontents+' </marquee>')

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}

function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.w rite('<nobr>'+marqueecontents+'</nobr>')
document.cmarquee01.document.cmarquee02.document.c lose()
thelength=document.cmarquee01.document.cmarquee02. document.width
scrollit()
}

function scrollit(){
if (document.cmarquee01.document.cmarquee02.left>=the length*(-1)){
document.cmarquee01.document.cmarquee02.left-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.left=marqu eewidth
scrollit()
}
}

window.onload=regenerate2
</SCRIPT>
<ILAYER name="cmarquee01" height="&{marqueeheight};"
width="&{marqueewidth};"><LAYER
name="cmarquee02"></LAYER></ILAYER></BODY></HTML>
--------------------------------------------------------

adesso mi manca:

1- farlo scorrere nella parte dello schermo che voglio io

2- farlo tornare indietro...e farlo scomparire sulla sinistra

Qualche consiglio?

**Planetoffantasy** · 25-08-2003, 18:35

ok.. trovato come posizionarlo...

--------------------------------------------

<HTML><HEAD><TITLE>Dynamic HTML - dimostrazione pratica</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY vLink=blue>

<SCRIPT language=JavaScript1.2>

var marqueewidth=350
var marqueeheight=54
var speed=6

var marqueecontents='[img]panda.jpg[/img]'

if (document.all)
document.write('<marquee scrollAmount='+speed+'behavior=slide direction=right hspace=100 vspace=200 style="width:'+marqueewidth+'">'+marqueecontents+' </marquee>')

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}

function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.w rite('<nobr>'+marqueecontents+'</nobr>')
document.cmarquee01.document.cmarquee02.document.c lose()
thelength=document.cmarquee01.document.cmarquee02. document.width
scrollit()
}

function scrollit(){
if (document.cmarquee01.document.cmarquee02.left>=the length*(-1)){
document.cmarquee01.document.cmarquee02.left-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.left=marqu eewidth
scrollit()
}
}

window.onload=regenerate2
</SCRIPT>
<ILAYER name="cmarquee01" height="&{marqueeheight};"
width="&{marqueewidth};"><LAYER
name="cmarquee02"></LAYER></ILAYER></BODY></HTML>
--------------------------------------------------------

adesso come si fa a farlo attendere per tot secondi e tornare indietro? HELP

**Planetoffantasy** · 25-08-2003, 18:47

insomma non so se si è capito... ma io cercavo uno script per fare quei banner che si vedono ultimamente sui siti...
tipo lycos...

che escono ... si fermano un attimo e poi rientrano da dove erano usciti...

ma come si fanno?!!???!??

**v2v2** · 25-08-2003, 20:20

prova così

codice:

<html> 

<head> 

<title></title> 
<script>
var partenza=-150;	//distanza da cui far partire l'img	
var arrivo=200;		//destinazione
var top=100;		//distanza dall'alto	
var src="Image1.jpg";	//src dell'img


var inizio=partenza

function Entra(){
if (inizio<arrivo){ 
inizio=inizio+25;
document.getElementById('imm').style.left=inizio+"px";
setTimeout('Entra()',25);
}
}

function Hide(){
if (arrivo>partenza){ 
arrivo=arrivo-25;
document.getElementById('imm').style.left=arrivo+"px";
setTimeout('Hide()',25);
}
}
</script>
</head>
<body onLoad="Entra();javascript:setTimeout('Hide()',4000)">
<script>
document.write('[img]'+src+'[/img]');
</script>

 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx


</body> 

</html>

4000 imposta i millasecondi di pitstop

**Planetoffantasy** · 26-08-2003, 11:34

guarda.... quasi quasi ti dico che ti voglio bene :mavieni:
va benissimooo!!!

che bello che bello che bello

:adhone: :bubu:

Grazieeee :mavieni: :mavieni: :mavieni:

**v2v2** · 26-08-2003, 12:37

:metallica :metallica :metallica

Discussione: DHTML scroller immagine da modificare

Strumenti discussione

Ricerca discussione

Visualizza

DHTML scroller immagine da modificare

Permessi di invio