Problema hover img

Hackx

Utente Attivo
20 Ago 2013
109
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
109
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
109
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
109
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
steak [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
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 0
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 7
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
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
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
D problema php mysql PHP 1
D problema php mysql PHP 1
M Problema Wi-Fi Linux Linux e Software 1
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
Daniele_Carrara Problema Aperture Mailup Email Marketing 5
F PROBLEMA ACCESSO INSTAGRAM Discussioni Varie 2
R Problema connessione db PHP 7
M problema if PHP 2
G Problema con Get page PHP 4
N Problema passaggio variabili tra pagine PHP 4
P Problema con require once PHP 6
P Problema con i package Java 1
A Problema login con Safari PHP 14
F INDESIGN: problema esportazione esecutivo per la stampa con foto B/N Webdesign e Grafica 1
H problema carrello woocommerce PHP 2
S problema con css bootstrap3 HTML e CSS 4
M .load() problema con caricamenti dinamici di js Javascript 0
M Problema su query JOIN in tre tabelle PHP 0
S Problema esportazione tabelle Mysql in Excel PHP 0
G Problema ------- con Query PHP 1
G Problema con Query PHP 1

Discussioni simili