Wtyczka jQuery

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

Wtyczka jQuery

Postautor: xyzpl29 » 14 sty 2015, 23:53:10

oto Wtyczka

CodeColon Select All Code

(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

CodeColon Select All Code

$('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
Reputacja: 50
Płeć: Niewybrana
User Agent: Firefox Windows

Re: Wtyczka jQuery

Postautor: piwo » 15 sty 2015, 02:30:34

szybko przelatując wzrokiem

CodeColon Select All Code

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

CodeColon Select All Code

$('.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}

Wróć do „JavaScript, DHTML”

Kto jest online

Użytkownicy przeglądający to forum: Obecnie na forum nie ma żadnego zarejestrowanego użytkownika i 1 gość