diff --git a/demo/index_with_captions.html b/demo/index_with_captions.html
new file mode 100644
index 0000000..16bc3dd
--- /dev/null
+++ b/demo/index_with_captions.html
@@ -0,0 +1,70 @@
+
+
+
+ '+
+ '
'
);
- plugin.lightbox = $("."+plugin.selector);
+ plugin.lightbox = $("#lightbox");
+ plugin.caption = $('.lightbox-caption', plugin.lightbox);
}
if (plugin.items.length > 1 && opts.nav) {
@@ -74,9 +76,20 @@
plugin.lightbox.append(img);
plugin.image = $("img", plugin.lightbox).hide();
plugin.resizeImage();
+ plugin.setCaption();
});
},
+ setCaption: function () {
+ var caption = $(plugin.current).data('caption');
+ if(!!caption && caption.length > 0) {
+ plugin.caption.fadeIn();
+ $('p', plugin.caption).text(caption);
+ }else{
+ plugin.caption.hide();
+ }
+ },
+
resizeImage: function () {
var ratio, wHeight, wWidth, iHeight, iWidth;
wHeight = $(window).height() - opts.margin;
diff --git a/jquery.lightbox.min.css b/jquery.lightbox.min.css
index 590cab2..5eaa65f 100644
--- a/jquery.lightbox.min.css
+++ b/jquery.lightbox.min.css
@@ -1 +1 @@
-#lightbox{cursor:pointer;position:fixed;width:100%;height:100%;top:0;left:0;background:#000;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);background:rgba(0,0,0,.7);-webkit-filter:none!important}#lightbox img{display:block;position:absolute;border:5px solid #fff;box-shadow:0 0 20px #000;border-radius:1px}body.blurred>*{-webkit-filter:blur(2px);-webkit-transform:translate3d(0,0,0)}.lightbox-loading{background:url(loading.gif) center center no-repeat;width:31px;height:31px;margin:-16px 0 0 -16px;position:absolute;top:48%;left:50%}.lightbox-button{position:absolute;z-index:9999;background:no-repeat center center;width:32px;height:32px;opacity:.4;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.lightbox-button:hover,.lightbox-button:focus{opacity:1;-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}.lightbox-close{right:10px;top:10px;background-image:url(close.png)}.lightbox-next{right:10px;top:48%;background-image:url(next.png)}.lightbox-previous{left:10px;top:48%;background-image:url(previous.png)}
\ No newline at end of file
+#lightbox{cursor:pointer;position:fixed;width:100%;height:100%;top:0;left:0;background:#000;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);background:rgba(0,0,0,.7);-webkit-filter:none!important}#lightbox img{display:block;position:absolute;border:5px solid #fff;box-shadow:0 0 20px #000;border-radius:1px}body.blurred>*{-webkit-filter:blur(2px);-webkit-transform:translate3d(0,0,0)}.lightbox-loading{background:url(loading.gif) center center no-repeat;width:31px;height:31px;margin:-16px 0 0 -16px;position:absolute;top:48%;left:50%}.lightbox-caption{display:none;position:absolute;left:0;bottom:0;width:100%;text-align:center;z-index:1000;background:#000;background:rgba(0,0,0,.7)}.lightbox-caption p{margin:0 auto;max-width:70%;display:inline-block;*display:inline;*zoom:1;padding:10px;color:#fff;font-size:12px;line-height:18px}.lightbox-button{position:absolute;z-index:9999;background:no-repeat center center;width:32px;height:32px;opacity:.4;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.lightbox-button:hover,.lightbox-button:focus{opacity:1;-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}.lightbox-close{right:10px;top:10px;background-image:url(close.png)}.lightbox-next{right:10px;top:48%;background-image:url(next.png)}.lightbox-previous{left:10px;top:48%;background-image:url(previous.png)}
\ No newline at end of file
diff --git a/jquery.lightbox.min.js b/jquery.lightbox.min.js
index 441d936..2cd311e 100644
--- a/jquery.lightbox.min.js
+++ b/jquery.lightbox.min.js
@@ -10,4 +10,4 @@
* minSize - int - default 0. Min window width or height to open lightbox. Below threshold will open image in a new tab.
*
*/
-(function(e){"use strict";e.fn.lightbox=function(t){var n={margin:50,nav:true,blur:true,minSize:0};var r={items:[],lightbox:null,image:null,current:null,locked:false,selector:"#lightbox",init:function(t){r.items=t;r.selector="lightbox-"+Math.random().toString().replace(".","");if(!r.lightbox){e("body").append('
");r.lightbox=e("."+r.selector)}if(r.items.length>1&&n.nav){e(".lightbox-nav",r.lightbox).show()}else{e(".lightbox-nav",r.lightbox).hide()}r.bindEvents()},loadImage:function(){if(n.blur){e("body").addClass("blurred")}e("img",r.lightbox).remove();r.lightbox.fadeIn("fast").append('
');var t=e('
.attr()
');e(t).load(function(){e(".lightbox-loading").remove();r.lightbox.append(t);r.image=e("img",r.lightbox).hide();r.resizeImage()})},resizeImage:function(){var t,i,s,o,u;i=e(window).height()-n.margin;s=e(window).outerWidth(true)-n.margin;r.image.width("").height("");o=r.image.height();u=r.image.width();if(u>s){t=s/u;u=s;o=Math.round(o*t)}if(o>i){t=i/o;o=i;u=Math.round(u*t)}r.image.width(u).height(o).css({top:(e(window).height()-r.image.outerHeight())/2+"px",left:(e(window).width()-r.image.outerWidth())/2+"px"}).show();r.locked=false},getCurrentIndex:function(){return e.inArray(r.current,r.items)},next:function(){if(r.locked){return false}r.locked=true;if(r.getCurrentIndex()>=r.items.length-1){e(r.items[0]).click()}else{e(r.items[r.getCurrentIndex()+1]).click()}},previous:function(){if(r.locked){return false}r.locked=true;if(r.getCurrentIndex()<=0){e(r.items[r.items.length-1]).click()}else{e(r.items[r.getCurrentIndex()-1]).click()}},bindEvents:function(){e(r.items).click(function(t){if(!e("#lightbox").is(":visible")&&(e(window).width()
'),d.lightbox=a("#lightbox"),d.caption=a(".lightbox-caption",d.lightbox)),d.items.length>1&&c.nav?a(".lightbox-nav",d.lightbox).show():a(".lightbox-nav",d.lightbox).hide(),d.bindEvents()},loadImage:function(){c.blur&&a("body").addClass("blurred"),a("img",d.lightbox).remove(),d.lightbox.fadeIn("fast").append('