Skocz do zawartości

FANCYBOX - sposób wyświetlania zdjęć w galerii, parametry


karteg

Recommended Posts

Witam

Robię sobie stronę internetową. Będzie to strona m.in. z moimi fotkami. Natomiast obecnie próbuję rozkminić działanie FANCYBOXA. Moja przykładowa ("ćwiczebna") strona znajduję się pod tym linkiem: http://tczew.net.pl/~karteg/

Jeśli klikniecie na zdjęcie, to wskoczy ramka ze zdjęciem, a przełączanie na kolejne zdjęcie spowoduje efekt wślizgnięcia się kolejnego zdjęcia (taki ala slider). Właśnie nie wiem jak to zmienić w moim kodzie pliku index.html, który też wam poniżej wkleję. Nie podoba mi się ten efekt slidera.

Na stronie fancyboxa jest na dole strony wiele opisane - jakieś parametry, ale nie wiem jak to wpisać - nie znam się na tym.

http://fancyapps.com/fancybox/

Jeśli zjedziecie trochę w dół na stronie fancyboxa, to zobaczycie to (zrzut ekranu ze strony fancybox): http://tczew.net.pl/~karteg/3.jpg

Więc jeśli możecie to wejdźcie na stronę fancyboxa, czyli na to: http://fancyapps.com/fancybox/

następnie kliknijcie w wyróżnioną galerię. I to właśnie chcę uzyskać. Przejścia pomiędzy przełączanymi zdjęciami. Nie ma tu slidera... jest po prostu klik i od razu pojawia się nowe zdjęcie bez żadnych zbędnych efektów. W tejże wyróżnionej galerii jest też i podpis pod zdjęciem na białej ramce. To też chciałbym wiedzieć jak uzyskać. Bo mój podpis, na mojej tymczasowej stronie, nie odpowiada mi.

KOD PLIKU INDEX.HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css" media="screen" />

<script type="text/javascript" language="javascript" src="lib/jquery-1.10.1.min.js"></script>

<script type="text/javascript" language="javascript" src="source/jquery.fancybox.js"></script>

<script type="text/javascript" language="javascript">

$(document).ready(function(){

$('.fancybox').fancybox();

});

</script>

</head>

<body>

<a class="fancybox" rel="gallery" title="Ćwiczenie" href="maly.jpg"><img src="duzy.jpg" /></a>

<br><br><br><br>

<a class="fancybox" rel="gallery" title="Ćwiczenie" href="maly1.jpg"><img src="duzy1.jpg" /></a>

<br><br><br><br>

<a class="fancybox" rel="gallery" title="Ćwiczenie" href="maly3.jpg"><img src="duzy3.jpg" /></a>

<br><br><br><br>

</body>

</html>

Podsumowując:

1)Chcę uzyskać taki efekt przełączania, jak opisałem wyżej.

2)Chcę taki podpis pod zdjęciem jak opisałem wyżej.

i dodatkowo:

gdzie mogę znaleźć jakiś kurs po PL ale Fancyboxa?

i jak można korzystać z tych parametrów Fancyboxa, które są wyszczególnione w dolnej części strony Fancyboxa.

Z góry dziękuję za odpowiedzi i sugestię. Pozdrawiam

  • Upvote 9
Link do komentarza
Udostępnij na innych stronach

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Gość
Odpowiedz...

×   Wkleiłeś treść z formatowaniem.   Usuń formatowanie

  Only 75 emoji are allowed.

×   Twój link będzie automatycznie osadzony.   Wyświetlać jako link

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Wczytywanie...
×
×
  • Utwórz nowe...