diff --git a/jquery.nivo.slider.js b/jquery.nivo.slider.js
index 8b0a774..ec1a51e 100644
--- a/jquery.nivo.slider.js
+++ b/jquery.nivo.slider.js
@@ -87,12 +87,12 @@
$('.nivo-box').remove();
});
- //Create caption
- slider.append($('
'));
+ // Create caption
+ slider.append($(''));
// Process caption function
var processCaption = function(settings){
- var nivoCaption = $('.nivo-caption', slider);
+ var nivoCaption = $('.nivo-caption-text', slider);
if(vars.currentImage.attr('title') != '' && vars.currentImage.attr('title') != undefined){
var title = vars.currentImage.attr('title');
if(title.substr(0,1) == '#') title = $(title).html();
@@ -659,4 +659,4 @@
$.fn._reverse = [].reverse;
-})(jQuery);
\ No newline at end of file
+})(jQuery);
diff --git a/nivo-slider.css b/nivo-slider.css
index d806fef..cf464c2 100644
--- a/nivo-slider.css
+++ b/nivo-slider.css
@@ -63,20 +63,29 @@
position:absolute;
left:0px;
bottom:0px;
- background:#000;
color:#fff;
width:100%;
z-index:8;
- padding: 5px 10px;
- opacity: 0.8;
overflow: hidden;
- display: none;
- -moz-opacity: 0.8;
- filter:alpha(opacity=8);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
+.nivo-caption .backdrop {
+ position: absolute;
+ background: #000;
+ bottom: 0;
+ height: 100%;
+ -moz-opacity: 0.8;
+ opacity: .8;
+ filter: alpha(opacity=8);
+ width: 100%;
+}
+.nivo-caption .nivo-caption-text {
+ display: none;
+ position: relative;
+ padding: 5px 10px;
+}
.nivo-caption p {
padding:5px;
margin:0;
@@ -110,4 +119,4 @@
}
.nivo-controlNav a.active {
font-weight:bold;
-}
\ No newline at end of file
+}