dissolvenza immagini senza flash o java

**pamy78** · 06-07-2010, 14:30

è possibile in una pagina fare un semplice effetto dissolvenza di una immagine jpg
senza utilizzare flash o java?
con html5 non è possibile?

Grazie a tutti
Pamy

**bionicoz** · 06-07-2010, 14:46

Più che html5, css3. Comunque a quanto pare funziona per ora solo con browser basati su webkit, (quindi chrome e safari).

codice:

div {
  opacity: 1;
  -webkit-transition: opacity 1s linear;
}

div:hover {
  opacity: 0;
}

Se vuoi un consiglio, usa javascript.

**pamy78** · 06-07-2010, 14:48

ho trovato uno script in java... ma chrome ad esempio non mi faceva vedere la dissolvenza...

**ricman** · 06-07-2010, 14:58

Originariamente inviato da pamy78
ho trovato uno script in java... ma chrome ad esempio non mi faceva vedere la dissolvenza...

se devi usare javascript allora prendi il jquery che ha già una funzione "fade" (e se non ti basta gli associ uno dei milioni di script per fare le dissolvenze)

**ricman** · 06-07-2010, 14:59

... e il jquery è multibrowser...

**pamy78** · 06-07-2010, 16:45

ho provato a usare jquery...
ma non sono molto esperta, ne di java ne tanto meno di jquery....

mi potresti dare una mano a capire perchè questo codice:
mi da questo risultato: http://www.robbiema.com/3.htm
io vorrei che prima facesse il fadeout poi carica l'immagine nuova.. e poi il fadein
mentre qualcosa non va

<html>
<head>
<title></title>
<script type="text/javascript" src="jquery.js"></script>
<script>
function mostra(j) {
$(".immagi").fadeOut("slow");
document.immagine.src = img[j];
$(".immagi").fadeIn("slow");
}
</script>
</head>
<body>

<div class="immagi">
[img]1.jpg[/img]
</div>

<script>
var img = new Array();
img[0] = "11.jpg";
img[1] = "22.jpg";
img[2] = "33.jpg";
var i = 0;
var j = 0;
for (i=0;i<200;i++) {
window.setTimeout("mostra(" + j + ")", (i * 2000));
j=j+1
if (j==3) {j = 0;}

}
</script>

</body>
</html>

**webdemo** · 06-07-2010, 19:04

sposto in JS

Discussione: dissolvenza immagini senza flash o java

Strumenti discussione

Ricerca discussione

Visualizza

dissolvenza immagini senza flash o java

Permessi di invio