Salve mi sono appena iscritto perché mi trovo molto in difficoltà.
Non sono un esperto di programmazione web e entrambi i codici che utilizzo li ho trovati da internet.
Vi spiego il mio problema:
Con questo JavaScript
<script type="text/javascript";>
//inizio primo script random
var images = [],
index = 0;
images[0] = "<a href = 'http://www.bing.com'><img src='file:///C:/Users/url/image1.png' alt='prova'></a>";
images[1] = "<a href = 'http://www.google.com'><img src='file:///C:/Users/url/image2.png' alt='prova'></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
//fine
</script>
Ho creato due immagini che ogni volta che viene caricata la pagina si alternano in ordine casuale.
Fin qui tutto ok. Funziona perfettamente. Poi da un altro sito ho preso questo codice che ho inserito nel mio foglio di stile
.fade {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.fade:hover {
opacity: 0.5;
}
Ho unito l'html al css e vorrei quindi applicare la class="fade" alle immagini che appaiono nel javascript. Ho provato ad aggiungere la classe in ogni modo e in ogni dove, ma o le immagini appaiono senza l'effetto fade che vorrei, o le immagini non appaiono più.
Avete una semplice soluzione? Per qualcuno più esperto di me penso possa essere facile arrivare a capire perché non funzioni.
Chiedo scusa se non ho rispettato qualche regola del forum è la prima volta che scrivo una discussione su un forum, BTW ho provato a cercare una discussione simile, ma non l'ho trovata...
Rispondi quotando
