Buonasera,
Non sono riuscito a trovare un soluzione a questo problema.
Praticamente voglio fare uno sliteshow con 3 immagini:
Il problema sta nel float e forse anche nel clear (questo confermatemelo voi), dalla guida su html.it non capisco come usarli anche se le prime due immagini sono dove volevo io.
Infatti il problema persiste sulla 3° che non è simmetrica a quella centrale...
Ovvero vorrei un impaginazione con le due immagini piccoli simmetriche rispetto a quella centrale. Spero sia stato chiaro.
Vi posto lo scripting, così se vi serve evitiamo post inutili.
codice:<html> <head> <link rel="stylesheet" type="text/css" href="stile.css"> <title>immagini svoltate</title> <script> var immagine=new Array("snoopy1.jpg","snoopy2.jpg"); function inverti () { document.images[0].src=immagine[1]; document.images[1].src=immagine[0]; setTimeout ("ritorna()",1000); } function ritorna () { document.images[0].src=immagine[0]; document.images[1].src=immagine[1]; } </script> </head> <body> <p id="sx"> [img]snoopy1.jpg[/img] </p> <p id="centro"> [img]snoopy2.jpg[/img] </p> <p id="dx"> [img]snoopy3.jpg[/img] </p> <script> var tmp=setInterval ("inverti()",2000); </script> </body> </html>Grazie della lettura.codice:#sx { margin-top:300px; margin-left:15px; border-style:outset; border-width:3px; height:150px; width:150px; opacity:0.6; filter:alpha(opacity=20); float:left; } #centro { margin-top:30px; margin-left:200px; border-style:inset; border-width:3px; height:500px; width:500px; opacity:1; filter:alpha(opacity=100); float:none; } #dx { margin-top:300px; margin-left:715px; border-style:outset; border-width:3px; height:150px; width:150px; opacity:0.6; filter:alpha(opacity=20); float:none; } #img1 { height:150px; width:150px; } #img2 { height:500px; width:500px; } #img3 { height:150px; width:150px; }
P.S.:Se volete lo script per il temporizzatore a 3 immagini scrivete un post
Rispondi quotando
