Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> skrypt hover obrazka plus zmiana tekstu poza obrazkiem obok
mahali
post 11.06.2012, 21:12:35
Post #1





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 9.01.2012

Ostrzeżenie: (0%)
-----


Tak jak w temacie...

Szukam skryptu, bądź jakiegoś rozwiązania, uzyskanie efektu zwykłego hovera na grafice i dodatkowo zmianę tekstu w divie obok.

Nie wiem czy można dopisać jakąś linijkę do zwykłego hovera czy trzeba już pisać jakiś skrypt...

Ma ktoś jakiś pomysł? Pomoże ktoś?
Go to the top of the page
+Quote Post
mccd
post 12.06.2012, 10:57:26
Post #2





Grupa: Zarejestrowani
Postów: 58
Pomógł: 12
Dołączył: 14.01.2011

Ostrzeżenie: (0%)
-----


Bez JS nie da rady.
Przykładowo w JQuery:
http://jsfiddle.net/24Dhv/1/

Ten post edytował mccd 12.06.2012, 11:01:03
Go to the top of the page
+Quote Post
pehaperowiec
post 12.06.2012, 11:50:50
Post #3





Grupa: Zarejestrowani
Postów: 91
Pomógł: 8
Dołączył: 26.09.2011

Ostrzeżenie: (10%)
X----


Cytat(mccd @ 12.06.2012, 11:57:26 ) *
Bez JS nie da rady.
Przykładowo w JQuery:
http://jsfiddle.net/24Dhv/1/
Czasami poziom Waszej wiedzy mnei zadziwia

http://jsfiddle.net/jNsxn/

Go to the top of the page
+Quote Post
mahali
post 14.06.2012, 12:38:19
Post #4





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 9.01.2012

Ostrzeżenie: (0%)
-----


No dobra ale przy ustawieniu kilku takich hoverów obok siebie wychodzi kongo. Przy ustawianiu pozycji tekstu wszytko co jest w divie lata z chwila najechania na obrazek. Jest jakaś inna opcja żeby rozdzielić ten span od obrazka? Czy to już sam js będzie?
Go to the top of the page
+Quote Post
pehaperowiec
post 14.06.2012, 15:31:54
Post #5





Grupa: Zarejestrowani
Postów: 91
Pomógł: 8
Dołączył: 26.09.2011

Ostrzeżenie: (10%)
X----


Cytat(mahali @ 14.06.2012, 13:38:19 ) *
No dobra ale przy ustawieniu kilku takich hoverów obok siebie wychodzi kongo. Przy ustawianiu pozycji tekstu wszytko co jest w divie lata z chwila najechania na obrazek. Jest jakaś inna opcja żeby rozdzielić ten span od obrazka? Czy to już sam js będzie?
Jakoś nie widzę żeby coś latało:

http://jsfiddle.net/jEvqk/1/
Go to the top of the page
+Quote Post
mahali
post 14.06.2012, 17:27:40
Post #6





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 9.01.2012

Ostrzeżenie: (0%)
-----


Chodzi mi o coś innego... Ustaw po 2 w rzędzie a tekst który będzie się zmieniał chcę wrzucić powiedzmy do innego diva na sam dół strony.. (teksty będą się zamieniały czyli nie byłoby pierwszego spana)
Go to the top of the page
+Quote Post
mccd
post 14.06.2012, 17:29:06
Post #7





Grupa: Zarejestrowani
Postów: 58
Pomógł: 12
Dołączył: 14.01.2011

Ostrzeżenie: (0%)
-----


Na Chrome 19, po hoverze tekst znika i nie pojawia się drugi span oneeyedsmiley02.png
Go to the top of the page
+Quote Post
pehaperowiec
post 15.06.2012, 08:21:23
Post #8





Grupa: Zarejestrowani
Postów: 91
Pomógł: 8
Dołączył: 26.09.2011

Ostrzeżenie: (10%)
X----


Cytat(mccd @ 14.06.2012, 18:29:06 ) *
Na Chrome 19, po hoverze tekst znika i nie pojawia się drugi span oneeyedsmiley02.png
Wygląda na buga. Bug dotyczy selektora ~, ale wygląda na to, że ogólnie dynamiczne zmiany stanu, pseudoklasy i selektory braci nie działają zbyt dobrze (https://bugs.webkit.org/show_bug.cgi?id=17680). Poprawione rozwiązanie to:

http://jsfiddle.net/jEvqk/5/
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 29.06.2025 - 16:17