Ответы пользователя по тегу Lightbox
  • Как реализовать вывод нажатой картинки в lightbox?

    @Kostik_1993
    Web Developer
    Что мешает использовать сторонние скрипты, которые будут работать?
    www.lokeshdhakar.com/projects/lightbox2 например?

    Вот когда-то писал для себя, посмотри на этот говнокодец :D, мжет что черпнешь, писал когда еше сам был дурачком, но всетаки он работает)))
    $(document).ready(function(){
    
    		   $('div.image').live('click', function(){ 
                    var index = $("div.image").index($("div[data-rel='modal']"));
                    var id = $(this).attr("id");
                    link = $(this).attr("data");
                    $("div.image:eq("+index+")").attr('data-rel','');
                    $('div.image#'+id).attr("data-rel","modal");
                    var string = 'link='+ link ;
                    $('<div class="overlay"></div>').appendTo('body');
                    $('<img class="loader" style="position: fixed;background: rgba(0,0,0, 0.5);padding:20px;left:50%;top:50%;z-index: 99999;" src="/css/loader_rem.gif">').appendTo('body');
                    $('<div class="modal"></div>').appendTo('body').html('<img class="lightboximage" src="'+link+'"><div class="close"></div><!--<div class="prev">Назад</div><div class="next">Вперед</div>-->'); 
    
               });
               $('div.close').live('click', function(){
                    $('.overlay').remove();
                    $('.modal').remove();
                    $('.loader').remove();
               });
    		   $('div.overlay').live('click', function(){
                    $('.overlay').remove();
                    $('.modal').remove();
                    $('.loader').remove();
               });
         });


    P.S. Смотри efimov.ws/main/develop/javascript/like-lightbox-jq... там много всякого, не ипи мозг
    Ответ написан
    Комментировать