public/static/common/js/plugin/superbox/superbox.min.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

(function($){$.fn.SuperBox=function(options){var superbox=$('<div class="superbox-show"></div>'),superboximg=$('<img src="" class="superbox-current-img"><div id="imgInfoBox" class="superbox-imageinfo inline-block"> <h1>Image Title</h1><span><p><em>http://imagelink.com/thisimage.jpg</em></p><p class="superbox-img-description">Image description</p><p><a href="javascript:void(0);" class="btn btn-primary btn-sm">Edit Image</a> <a href="javascript:void(0);" class="btn btn-danger btn-sm">Delete</a></p></span> </div>'),superboxclose=$('<div class="superbox-close txt-color-white"><i class="fa fa-times fa-lg"></i></div>');superbox.append(superboximg).append(superboxclose);var imgInfoBox=$(".superbox-imageinfo");return this.each(function(){$(".superbox-list").click(function(){$this=$(this);var currentimg=$this.find(".superbox-img"),imgData=currentimg.data("img"),imgDescription=currentimg.attr("alt")||"No description",imgLink=imgData,imgTitle=currentimg.attr("title")||"No Title";superboximg.attr("src",imgData);$(".superbox-list").removeClass("active");$this.addClass("active");superboximg.find("em").text(imgLink);superboximg.find(">:first-child").text(imgTitle);superboximg.find(".superbox-img-description").text(imgDescription);if($(".superbox-current-img").css("opacity")==0){$(".superbox-current-img").animate({opacity:1})}if($(this).next().hasClass("superbox-show")){$(".superbox-list").removeClass("active");superbox.toggle()}else{superbox.insertAfter(this).css("display","block");$this.addClass("active")}$("html, body").animate({scrollTop:superbox.position().top-currentimg.width()},"medium")});$(".superbox").on("click",".superbox-close",function(){$(".superbox-list").removeClass("active");$(".superbox-current-img").animate({opacity:0},200,function(){$(".superbox-show").slideUp()})})})}})(jQuery);