Strona 1 z 1

Wtyczka jQuery

: 14 sty 2015, 23:53:10
autor: xyzpl29
oto Wtyczka

Kod: Zaznacz cały

(function($) {
//opakowanie wtyczki?
$.fn.lightbox = function() {
//kod wtyczki
    $('<div class="lightbox"><div/>')
        .css('top',$(document).scrollTop())
        .css({
            'position':'absolute',
            'z-index':'8',
            'left':'0',
            'top':'0',
            'height':'100%',
            'wight':'100%',
            'background-color':'black',
            'opacity':'0%'
        })
            .animate({'opacity':'50%'},'slow')
            .appendTo('body');
    $(this).css({
            'position':'absolute',
            'z-index':'9'
            'margin':'0 auto'
    });
}
return this.each(function(){
})
})(jQuery);
a oto kod

Kod: Zaznacz cały

$('img').click(function() {
    $(this).lightbox();
});
nie wiem gdzie zrobiłem błąd (chce uzyskać efekt lightbox'a)

Re: Wtyczka jQuery

: 15 sty 2015, 02:30:34
autor: piwo
szybko przelatując wzrokiem

Kod: Zaznacz cały

$('<div class="lightbox"><div/>')
zmień na

Kod: Zaznacz cały

$('.lightbox')
ale wolniej przelatując wzrokiem to to chyba w całości jest źle...
Może zrób to od początku albo znajdź jakiś porządny lightbox (pełno jest tego) i go za includnij.