Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [Bootstrap] Efekt slide dla opisu obrazu
Forum PHP.pl > Forum > Po stronie przeglądarki
cisu
Witam,

czy da się za pomocą bootstrap'a zrobić taki efekt, że będę miał jakąś tam galerię zdjęć, a po najechaniu myszą na jedno z nich od dołu zdjęcia wysunie się jego opis? Szukam i szukam i czegoś takiego znaleźć nie mogę.

Pozdrawiam smile.gif
markuz
A czemu sam nie zrobisz takiego czegoś w jQuery?
1. Event najechania na obraz
2. Pobranie opisu zdjęcia np. z Alt
3. Dodanie div-a z pozycją absolutną z tekstem z alt na samym dole zdjęcia o szerokości zdjęcia.
4. Animacja zwiększania height div-a wraz z wyrównywaniem tekstu do środka.
5. Po zjechaniu ze zdjęcia usuwanie diva.

tzm
Cytat(markuz @ 9.09.2014, 20:08:35 ) *
A czemu sam nie zrobisz takiego czegoś w jQuery?
1. Event najechania na obraz
2. Pobranie opisu zdjęcia np. z Alt
3. Dodanie div-a z pozycją absolutną z tekstem z alt na samym dole zdjęcia o szerokości zdjęcia.
4. Animacja zwiększania height div-a wraz z wyrównywaniem tekstu do środka.
5. Po zjechaniu ze zdjęcia usuwanie diva.



po prostu jquery-ui, show z efektem slide na hover
cisu
Sam takie coś zrobiłem już jakiś czas temu, nic trudnego, ale uczę się bootstrapa i myślałem, że się da bezpośrednio używając jego.
by_ikar
Nie ma czegoś takiego w bootstrap, ale zrobić takie coś w jquery, to jest chwila..
tzm
Tak jeszcze teraz ogarnąłem jedno:

http://daneden.github.io/animate.css/

może by się to dało napisać ale jakoś nie mam ochoty na eksperymenty teraz. daj znać mimo wszystko czy się przydało
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.