Problema hover img

Hackx

Utente Attivo
20 Ago 2013
108
0
16
Ciao a tutti :)

Il mio problema sta nel fatto che con questo codice:

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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, ma le immagini sono allineate in orizzontale o in verticale?
nello script che hai postato le immagini possono essere solo due
 

Hackx

Utente Attivo
20 Ago 2013
108
0
16
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ì :

Codice:
     $('#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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
$('#image_1, #image_2, #image_3, #image_4')
ti converrebe fare cosi
Codice:
$('.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

Utente Attivo
20 Ago 2013
108
0
16
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

Utente Attivo
24 Giu 2009
298
0
0
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

Utente Attivo
20 Ago 2013
108
0
16
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
 
Discussioni simili
Autore Titolo Forum Risposte Data
F Problema hover voce di menù Javascript 2
M [RISOLTO] Problema con 'a:hover' HTML e CSS 12
P Problema con hover div jQuery 2
davide1982 Problema animazione con animate e hover Javascript 4
M problema con hover/visited menu HTML e CSS 2
I Sto progettando nuovi siti utilizzando bootstrap e devo dire funziona bene, l'unico problema e la maschera -moz- HTML e CSS 0
K Problema form update PHP 2
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
S Problema nel ciclare un json Javascript 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
K Problema Inner join PHP 1
F firefox problema http Linux e Software 0
N Problema con position absolute e overflow HTML e CSS 4
E Problema jquery Success jQuery 2
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
E problema selezione sfumata Photoshop 2
K [PHP] Problema con variabili concatenate. PHP 1
A Problema filtro fluidifica Photoshop Photoshop 1
H Problema Bordi Scontorno Photoshop 1
O problema con query PHP 4
R Problema installazione Realtek WiFi USB rtl8821 Reti LAN e Wireless 0
I problema con 2 account Posta Elettronica 1
L problema collegamento file css con html HTML e CSS 1
Y Problema percorso file in rete PHP 1
N Problema SEO "L'URL non si trova su Google" SEO e Posizionamento 4
E Problema accesso a file con app sviluppata con MIT APP INVENTOR 2 Sviluppo app per Android 0
P Problema acquisizione clienti Webdesign e Grafica 1
F NetBeans problema creazione progetto Java Windows e Software 0
M Problema con Try Catch PHP 0
C problema seo + cerco esperto SEO e Posizionamento 11
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
R problema con else PHP 0
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Y Problema incolonnamento tabella PHP 7
S problema salvataggio immagini Photoshop 0

Discussioni simili