Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Problem sa radom jquery lightbox skripti na stranici od templejta

[es] :: Javascript i AJAX :: Problem sa radom jquery lightbox skripti na stranici od templejta

[ Pregleda: 1129 | Odgovora: 1 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

kaoCR7

Član broj: 318540
Poruke: 39
37.19.108.*



+4 Profil

icon Problem sa radom jquery lightbox skripti na stranici od templejta13.01.2014. u 12:04 - pre 82 meseci
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.
 
Odgovor na temu

Nikola Poša
Backend (PHP) developer
Humanity d.o.o.
Beograd

Član broj: 173839
Poruke: 1616
*.dynamic.sbb.rs.

Sajt: www.nikolaposa.in.rs


+33 Profil

icon Re: Problem sa radom jquery lightbox skripti na stranici od templejta14.01.2014. u 08:39 - pre 82 meseci
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() { //... });.
 
Odgovor na temu

[es] :: Javascript i AJAX :: Problem sa radom jquery lightbox skripti na stranici od templejta

[ Pregleda: 1129 | Odgovora: 1 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.