Problema hover img

[Hackx]

Ciao a tutti

Il mio problema sta nel fatto che con questo codice:

     $('#image_1, #image_2').hover(function() {
		     
		 $(this).css('border-left','20px solid black');
		 },function () {
		 $(this).css('border-left','0px')
	 });

Appena passo con il mouse sopra alla famosa immagine le altre mi si spostano tutte sulla destra.. come posso fare in modo che l'effetto vada solo su una immagine (quella dove sono realmente) e non si ripercuota su tutte le altre ?

Ringrazio in anticipo,
Andrea

 

[criric]

Ciao, ma le immagini sono allineate in orizzontale o in verticale?
nello script che hai postato le immagini possono essere solo due

 

[Hackx]

Ciao, ma le immagini sono allineate in orizzontale o in verticale?
nello script che hai postato le immagini possono essere solo due

Ciao Criric ,

Le immagine sono allineate in orizzontale, infatti impostando border-left di 20px, tutte le immagini, su quella fila si spostano leggermente sulla destra.
Si in questo script ci possono essere solo due immagine. Comunque era solo un esempio.

potremmo fare anche così :

     $('#image_1, #image_2, #image_3, #image_4').hover(function() {
		     
		 $(this).css('border-left','20px solid black');
		 },function () {
		 $(this).css('border-left','0px')
	 });

Come vuoi .

Ti ringrazio moltissimo,
Andrea

 

[criric]

$('#image_1, #image_2, #image_3, #image_4')

ti converrebe fare cosi

$('.image')

e assegni ad ogni immagine class='image'
Se le immagini sono affiancate è normale che si spostino a destra
tu vorresti che l'immagine si sovrapponesse a quella sucessiva?

 

[Hackx]

Ciao Criric ,

Ho seguito il tuo consiglio togliendo tutti i nomi delle immagini e mettendo al loro posto la semplice classe .
No, vorrei che l'effetto hover delle determinate immagini non influenzi quelle vicine.

Spero di essermi spiegato

Ti ringrazio,
Andrea

 

[emanuelevt]

Ciao, scusate se mi intrometto ;
Da quanto ho capito, il tuo problema è sul css. Se non vuoi che l'effetto ripercuota altre img, allora metti ogni img dentro un div e a questo div metti la proprietà
verflow:hidden (eventualmente per far visualizzare l'effetto sull'img fai il div più largo rispetto all'img).

 

[Hackx]

Ciao emanuelevt ,

Lo sai, misà tanto che hai ragione XD! .. mi sono concentrato troppo sul jquery, così da incolparlo di tutto ahah !
Dato che ho cambiato un po il codice ora non ti potrò dire se funziona correttamente o no .. però misà tanto che l'errore sta lì
Se dovessi riavere bisogno non esiterò a riscrivere

Ti ringrazio,
Andrea