immagini più leggere con html o css?

[deleted_129]

Risposta 1)
"A PARER MIO" (cosa molto discutibile xD) e' la stessa cosa perchè le immagini le carica lo stesso...eviterei cmq il javascript che appesantisce parecchio , quindi in fin dei conti e' meglio la seconda soluzione...

Risposta 2)
<div class="prova" style="float:right"></div>

La div e' vuota, e anche il collegamento , cosa dovrei cliccare ? dovrebbe essere una cosa tipo:
<div class="prova" style="float:right">Clicca qui</div>


....se ho ben capito vuoi fare delle immagini che cliccando ti portano ad un'altra pagina e cambiano quando ci passi il mouse sopra... puoi fare una cosa del genere, e' un pò grezzo ma funziona , ecco:

<div class="prova"><div class="prova"></div></div>

PS: il css va bene anche quello

[deleted_129]

html:

<div class="prova"><div class='prova2'></div></div>

css:

.prova {width: 245px; height: 275px; background-image: url(img/prova_su.png);}
.prova:hover {background-image: url(img/prova_giu.png) ;}
.prova {
position:relative;
left: 5px;
top: -30px;
width: 240px;
height: 275px;
padding:0px 0px 0px 3px;
}
.prova2{
width: 245px;
height: 275px;
}

a me funziona benissimo così... guarda:
http://tresorelle.altervista.org/ciao.html

[deleted_129]

Ti avevo appena risposto :P vedi se in quel modo ti piace senza aggiungere altre immagini, cmq il javascript e' veramente troppo pesante, secondo me avrai dei vantaggi. Facci sapere

[deleted_129]

Certo che lo puoi fare per tutte il codice risulterà un pò 'grezzo' ma l'importante è arrivare allo scopo, ancora meglio se ne ricavi in velocità. (Al livello di spazio e' uguale dato che il browser deve comunque caricare le immagini.)

[deleted_129]

In realtà le classi si usano per modificare tanti elementi e gli ID si usano per un singolo elemento (anche se poi e' in varie pagine)...cioe' dovresti fare :


<div id='1' class='elem'></div>
<div id='2' class='elem'></div>
<div id='3' class='elem'></div>

#1{
grafica primo
}
#2{
grafica secondo
}
#3{
grafica terzo
}
.elem{
grafica comune a tutte.
}