Slike povečava...

Pozdravljeni,

Delam spletno stran za eno podjetje pa sm razmišlu da bi dau gor tko flash galerijo pa se mi ne dopade.

Zdej sm si pa reku da bi nardil tko kd je na kkšnih drugih straneh ko klikneš na sliko se ti poveča čez cel ekran ( like a partis.si...)

No pa me zanima kako to nardim

LP Jan

10 odgovorov

Uporabi lightbox ali enega njegoviv klonov

Jaz največkrat uporabim prettyPhoto (http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/) ...

1

inženir: mogoče veš kaj je treba popraviti, ker mi ne dela v IE, v FF pa normalno?

včasih je treba naredit takole
$(document).ready(function() {
setTimeout(function() {
$(".lightbox").colorbox();
}, 500);
});
torej dodati timeout, samo nisem pa se razvozljal zakaj potem dela...

mprose7:
včasih je treba naredit takole
$(document).ready(function() {
setTimeout(function() {
$(".lightbox").colorbox();
}, 500);
});
torej dodati timeout, samo nisem pa se razvozljal zakaj potem dela...

še mi lahko poveš kje točno to dodati??

v head oz tam kjer se klice js, zde ce si samo dodal plugin je to malo tezje povedat

Galerijo imam na podstrani galerija katero includam.
Koda pa je nekak tak:

<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
        $(document).ready(function(){
            $("a[rel^='prettyPhoto']").prettyPhoto({ theme: 'light_square' , wmode: 'opaque', hideflash: true, });
        });
    </script>

    </style>

<a  href="images/fullscreen/1.jpg" rel="prettyPhoto[pp_gal]" title="You can add caption to pictures."><img src="images/thumbnails/t_1.jpg" width="60" height="60" alt="Red round shape" /></a>
.
.
.

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
setTimeout(function() {
$("a[rel^='prettyPhoto']").prettyPhoto({ theme: 'light_square' , wmode: 'opaque', hideflash: true, });
}, 500);
});
</script>

probej to

mogoce odstrani se [pp_gal] ce pa ni, se pa vdam :)

na žalost nobeno ni pomagalo .