Wtyczka jQuery

Wszystko związane ze skryptami JS, DHTML itd.
xyzpl29
Posty: 2
Rejestracja: 09 wrz 2014, 21:25:15
Płeć: Niewybrana
User Agent: Chrome Windows

Wtyczka jQuery

Post 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)
Awatar użytkownika
piwo
Posty: 673
Rejestracja: 13 lip 2010, 16:13:44
Płeć: Niewybrana
User Agent: Firefox Windows

Re: Wtyczka jQuery

Post 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.
{$signature}
ODPOWIEDZ