Chciałbym zrobić galerie zdjęć w jQuery polegająca na tym, że klikając na zdjęcie cała strona się przyciemni, a na środku pojawi się zdjęcie plus jakieś strzałki w bok żeby je zmienić na inne. Może ktoś podać link do jakiegoś samouczka z taką galerią? #programowanie #webdev #webdesign #webmastering #webdeveloper #javascript #jquery
@GoonSquad: Robisz funkcję przyjmującą jako parametr ścieżkę do zdjęcia, tworzysz sobie przyciemniony div i div w którym wyświetli się zdjęcie, następnie pod każdy obrazek jakoś specjalnie oznaczony (np klasą, albo atrybutem data-) podpinasz event handler który po kliknięciu wywoła Twoją funkcję przekazując jej w parametrze link do zdjęcia. Strzałki w bok to np. kwestia zrobienia tuż po załadowaniu strony tablicy z zaindeksowanymi takimi zdjęciami. Easy shit ogólnie.
Wcześniej listujesz obiekty img na stronie, grupujesz po kryterium jakiegoś pseudo-atrybutu np. żeby były galerie. I wtedy możesz się bawić w strzałeczki.
@GoonSquad: Taki trick, aby div pozycjonował się na środku. Coś jak margin: 0 auto; które nie działa w przypadku diva pozycjonowanego absolutnie. -300px stąd, że odejmujesz połowę szerokości tego diva (600px).
Komentarz usunięty przez moderatora
You can get the author's permission to use fancyBox for commercial websites by paying a fee.
@GoonSquad:
$("img", ".box").attr("src", $(this).attr("src"));
$(".overlay").fadeIn(300);
$(".box").fadeIn(300);
})
Wcześniej listujesz obiekty img na stronie, grupujesz po kryterium jakiegoś pseudo-atrybutu np. żeby były galerie. I wtedy możesz się bawić w strzałeczki.
A dobra - już ci to napisali...
position: absolute; left: 50%; margin-left: -300px; Dlaczego trzeba jeszcze akurat te -300 pixeli dodać do margina żeby działało poprawnie?:D