Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: skrypt hover obrazka plus zmiana tekstu poza obrazkiem obok
Forum PHP.pl > Forum > Po stronie przeglądarki
mahali
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ś?
mccd
Bez JS nie da rady.
Przykładowo w JQuery:
http://jsfiddle.net/24Dhv/1/
pehaperowiec
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/

mahali
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?
pehaperowiec
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/
mahali
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)
mccd
Na Chrome 19, po hoverze tekst znika i nie pojawia się drugi span oneeyedsmiley02.png
pehaperowiec
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/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.