[ kaoCR7 @ 13.01.2014. 12:04 ] @
Pronasao sam jquery lightbox 0.5 i ligtbox 2.6 skripte i obe mi funkcionisu na obicnim stranicama(probao sam na praznim php i html).
Problem nastaje kada primenim skripte na stranici od templejta(90% str. mi je od templejta).Problem je u tome sto skripte ne rade tj. ne mogu se niti prelistavati slike niti otvarati,vec se otvraju na praznim stranicama koje se zavrsavaju nazivom slike.
Css sam pokusao da promenim ali tu nema sta da se promeni.JS skripte bas i ne bih sam znao da promenim ako je u njima problem.
Pokusao sam da galeriju na koju primenjujem ligtbox ubacim u templejt preko okvira (iframe) i tada radi ali to mi ne odgovara jer mi je velicina galerije manja od prostora potrebnog za prikaz slika pa se ne mogu videti cele slike.
U cemu je problem.
Kako jednostavno problem moze da se resi.Znate li mozda neku alternativnu slicnu skriptu jer verovatno necu znati da resim problem ako je komplikovaniji.
Code:

Evo koda koji npr ne radi ako se ubaci u stra od templejta

<head>
    <link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />    
    
    <!-- Arquivos utilizados pelo jQuery lightBox plugin -->
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
    <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
    <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
    
    <!-- Ativando o jQuery lightBox plugin -->
    <script type="text/javascript">
    $(function() {
        $('#gallery a').lightBox();
    });
    </script>
       <style type="text/css">
    /* jQuery lightBox plugin - Gallery style */
    #gallery {
        background-color: #444;
        padding: 10px;
        width: 520px;
    }
    #gallery ul { list-style: none; }
    #gallery ul li { display: inline; }
    #gallery ul img {
        border: 5px solid #3e3e3e;
        border-width: 5px 5px 20px;
    }
    #gallery ul a:hover img {
        border: 5px solid #fff;
        border-width: 5px 5px 20px;
        color: #fff;
    }
    #gallery ul a:hover { color: #fff; }
    </style>
</head>

<body>

<h2 id="example">Example</h2>
<p>Click in the image and see the <strong>jQuery lightBox plugin</strong> in action.</p>
<div id="gallery">
    <ul>
        <li>
            <a href="photos/image1.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
                <img src="photos/thumb_image1.jpg" width="72" height="72" alt="" />
            </a>
        </li>
        <li>
            <a href="photos/image2.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
                <img src="photos/thumb_image2.jpg" width="72" height="72" alt="" />
            </a>
        </li>
        <li>
            <a href="photos/image3.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
                <img src="photos/thumb_image3.jpg" width="72" height="72" alt="" />
            </a>
        </li>
        <li>
            <a href="photos/image4.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
                <img src="photos/thumb_image4.jpg" width="72" height="72" alt="" />
            </a>
        </li>
        <li>
            <a href="photos/image5.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
                <img src="photos/thumb_image5.jpg" width="72" height="72" alt="" />
            </a>
        </li>
    </ul>
</div>

</body>


HVALA SVIMA UNAPREd.
[ Nikola Poša @ 14.01.2014. 08:39 ] @
Ovo:
Code:
<script type="text/javascript">
$(function() {
    $('#gallery a').lightBox();
});
</script>

Ili premesti taj snippet na kraj body taga, ili ako baš insistiraš da bude u head sekciji (manje preporučljiva varijanta), wrap-uj $('#gallery a').lightBox(); u $(document).ready(function() { //... });.