jquery i lightbox plugin

[flamner]

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> 


[Labsta.com]

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?

[wybryknatury]

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.

[flamner]

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.

[Labsta.com]

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();

na

Kod:

            $('#lightbox-nav').hide();

Oczywiście upośledzasz w ten sposób plugin, ale nawigacja się nie pojawi.

[flamner]

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ś?

[Kamil]

Spróbuj dodać takie coś:

Kod PHP:

<script type="text/javascript">
Shadowbox.init({
    language: 'en',
    players:  ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']
});
</script>