+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: jquery i lightbox plugin (/thread-jquery-i-lightbox-plugin)
jquery i lightbox plugin - flamner - 17-11-2009
Mam mały problem i nie mogę sobie poradzić....
Koduje sobie portfolio:
http://flamner.deviantart.com/art/portfolio-v-2-141220685
Korzystam z biblioteki jquery i wtyczki lightbox. Mam mały problem z konfiguracją. Chciałbym aby po kliknięciu w jedno zdjęcie pokazywała mi się wersja oryginalna. To zrobiłem z tym że gdzy dodam jeszcze jedno zdjęcie z powiększeniem to lihgtbox automatycznie tworzy mi z tego galerie(z przyciskami dalej,wstecz). A ja jej nie chce! Oto fragment kodu:
Kod PHP:
<script type="text/javascript">
$(function() {
$('#projekt a').lightBox();
});
</script>
<style type="text/css">
Kod PHP:
<div id="projekt"><div class="boxgrid captionfull">
<a href="img/image.png"><img src="img/image.png" /><div class="cover boxcaption">
<p>Kliknij aby powiększyć</p>
</div></a></div>
<div id="text"><name>Lorem ipsum</name><img src="img/ico/ps.png" class="ico" title="Projekt graficzny"/><img src="img/ico/dw.png" class="ico" title="HTML + CSS"/><br />
<p class="links"><green>Deviantart:</green> simple stie <green>Wersja online:</green> www.site.com</p>
Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. </div>
</div>
RE: jquery i lightbox plugin - Labsta.com - 17-11-2009
Najlepiej poszukaj innego lightboxa, który tego nie ma lub daje się konfigurować.
BTW z kodu, który podałeś nic nie wynika. Semantyka kodu klęka (<div> w <a>). Dlaczego img/image.png jest zarówno linkiem i obrazkiem linku?
RE: jquery i lightbox plugin - wybryknatury - 17-11-2009
(17-11-2009, 04:12)flamner napisał(a):Kod:<script type="text/javascript">
$(function() {
$('#projekt a').lightBox();
});
</script>
<style type="text/css">
Wywal to, i do każdego linka w div#project dodaj taki kodzik:
Kod:
rel="lightbox"czyli zamiast <a href="img/image.png"> daj <a href="img/image.png" rel="lightbox">.
I wtenczas nie będzie problemu z galeriami.
RE: jquery i lightbox plugin - flamner - 17-11-2009
Niestety nie działa.. Nie miał bym z tym problemu gdybym użył zwykłego lightboxa... Ale słyszałem że gryzie się z jquery, dlatego wybrałem wtyczke. Nie chce używać niczego innego, ponieważ lightbox ładnie komponuje się ze stylem strony.
RE: jquery i lightbox plugin - Labsta.com - 17-11-2009
Nadal nie wiem jakiego lightboxa używasz, ale załóżmy, że zgadłem i masz taki plik jak jquery.lightbox-0.5.js. Znajdź w nim function _set_navigation() i podmień to
Kod:
$('#lightbox-nav').show();Kod:
$('#lightbox-nav').hide();Oczywiście upośledzasz w ten sposób plugin, ale nawigacja się nie pojawi.
RE: jquery i lightbox plugin - flamner - 18-11-2009
Dobra... daruje sobie tego lightboxa.. Przerzucam się na shadowboxa. I niestety na samym początku mam z nim problem. Nie potrafię go zainstalować ;/ W head dodaje
Kod PHP:
<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>
a w linkach
Kod PHP:
rel="shadowbox"
i nie działa... pominąłem coś?
RE: jquery i lightbox plugin - Kamil - 18-11-2009
Spróbuj dodać takie coś:
Kod PHP:
<script type="text/javascript">
Shadowbox.init({
language: 'en',
players: ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']
});
</script>