Immagini scorrevoli

di il
3 risposte

Immagini scorrevoli

Salve,
sto realizzando (utilizzando Front Page, l'unico che conosco avendolo già usato, se pur parecchio tempo fa) un piccolo sito la cui caratteristica principale sta nel trattare numerose immagini.
Ne ho create un certo numero che scorrono da dx a sx, ebbene l'ultima non viene allineata con le altre ma appare più in alto e non riesco a rimetterla a posto.
Allego la sintassi interessata e chiedo dove può essere l'errore.
Grazie anticipatamente.
<p class="MsoNormal">&nbsp;<marquee onmouseover="this.stop()" scrollamount="7" onmouseout="this.start()" width="285" style="font-size: 18pt;
<div align="center" ><img width="100"img  height="109" style="margin-left:5px;"< src="D 1.jpg"    
<marquee onmouseover="this.width=300;this.height=200;" onmouseout="this.width=149;this.height=109;"
<div align="center" ><img width="100"img  height="109" style="margin-left:30px;"< src="D 3.jpg"      
<marquee onmouseover="this.width=300;this.height=200;" onmouseout="this.width=149;this.height=109;"
<div align="center" ><img width="100"img  height="109" style="margin-left:30px;"< src="D 4.jpg"      
<marquee onmouseover="this.width=300;this.height=200;" onmouseout="this.width=149;this.height=109;"
<div align="center" ><img width="100"img  height="109" style="margin-left:30px;"< src="D 5.jpg"      
<marquee onmouseover="this.width=300;this.height=200;" onmouseout="this.width=149;this.height=109;"
<div align="center" ><img width="100"img  height="109" style="margin-left:30px;"< src="D 6.jpg"      
<marquee onmouseover="this.width=300;this.height=200;" onmouseout="this.width=149;this.height=109;"
<div align="center" ><img width="100"img  height="109" style="margin-left:30px;"< src="D 7.jpg"      
<marquee onmouseover="this.width=300;this.height=200;" onmouseout="this.width=149;this.height=109;"
<div align="center" ><img width="100"img  height="109" style="margin-left:30px;"< src="D 8.jpg"      
<marquee onmouseover="this.width=300;this.height=200;" onmouseout="this.width=149;this.height=109;"
<div align="center" ><img width="100"img  height="109" style="margin-left:30px;"< src="D 9.jpg"      
<marquee onmouseover="this.width=300;this.height=200;" onmouseout="this.width=149;this.height=109;"
<div align="center" ><img width="100"img  height="109" style="margin-left:30px;"< src="D 10.jpg"      
<marquee onmouseover="this.width=300;this.height=200;" onmouseout="this.width=149;this.height=109;"
<div align="center" ><img width="100"img  height="109" style="margin-left:30px;"< src="D 11.jpg"      
<marquee onmouseover="this.width=300;this.height=200;" onmouseout="this.width=149;this.height=109;"
<div align="center" ><img width="100"img  height="109" style="margin-left:30px;"< src="D 12.jpg"      
<marquee onmouseover="this.width=300;this.height=200;" onmouseout="this.width=149;this.height=109;"
<div align="center" ><img width="100"img  height="109" style="margin-left:30px;"< src="D 13.jpg"      
<marquee onmouseover="this.width=300;this.height=200;" onmouseout="this.width=149;this.height=109;"
<div align="center" ><img width="100"img  height="109" style="margin-left:30px;"< src="D 14.jpg"      
<marquee onmouseover="this.width=200;this.height=400;" onmouseout="this.width=149;this.height=109;"

3 Risposte

  • Re: Immagini scorrevoli

    Salve,
    ho risolto il problema dell'allineamento delle immagini.
    Ora vorrei affrontare un altro problema:
    inserire, al passaggio del mouse sopra una immagine,la stessa immagine in una tabella posta nella medesima pagina e successivamente con onmouseout svuotare la tabella stessa.
    Come posso risolvere la cosa?
    Graze anticipatamente.
    silene
  • Re: Immagini scorrevoli

    Salve,
    dopo varie "peripezie" sono riuscito a trovare una soluzione al mio problema.In una tabella di 3 righe e una colonna ho sistemato tre immagini di cui una vuota, con il codice che aggiungo in basso, passando sulle immagini queste si caricano sulla cella dell'immagine vuota.
    Tuttavia vi è un evidente tremolio con spostamento celle dall'effetto poco simpatico.
    Rimediare a ciò potrei finalmente concludere questa fatica.
    Qualcuno mi può aiutare?
    PS Le immagini caricate( A e C) sono solo per prova.
    <html>
    <head>
    	<title>Prova Diego</title>
    	<script language=javascript>
    		function overA(){
    			document.getElementById("imgVuota").src = "img/A.jpg";
    		}
    		function outA(){
    			document.getElementById("imgVuota").src = "img/vuota.jpg";
    		}
    		function overC(){
    			document.getElementById("imgVuota").src = "img/C.jpg";
    		}
    		function outC(){
    			document.getElementById("imgVuota").src = "img/vuota.jpg";
    		}
    	</script>
    </head>
    <body>
    	<div align="center">
    	<table border=0 cellspacing=6 cellpadding=2>
    		<tr>
    			<td><img id=imgVuota name=imgVuota src="img/vuota.jpg"></td>
    		</tr>
    		<tr>
    			<td>
    			<img id=imgA name=imgA src="img/A.jpg" onmouseover="javascript: overA();" onmouseout="javascript: outA();" width="79" height="53"></td>
    		</tr>
    		<tr>
    			<td>
    			<img id=imgC name=imgC src="img/C.jpg" onmouseover="javascript: overC();" onmouseout="javascript: outC();" width="79" height="53"></td>
    		</tr>
    	</table>
    	</div>
    </body>
    </html>
  • Re: Immagini scorrevoli

    Problemi risolti!
Devi accedere o registrarti per scrivere nel forum
3 risposte