如何在当前项目聚焦于猫头鹰旋转木马时显示标题div?

时间:2015-10-23 10:43:54

标签: javascript jquery html css owl-carousel

我需要在当前项目聚焦时显示标题div。 我能够显示标题,但是当第二个最后一个图像聚焦阳离子最后一个图像时,也会显示循环中的标题。

在第一个循环中,所有字幕div显示图像聚焦时,但在第一个循环后,最后一个图像已经带有标题。 当我保持旋转木马选项循环时:如果我保持虚假我是导航上一个然后我接下来然后我不会遇到问题。 for Refrence:http://jsfiddle.net/ROHIT502/1qdurrLz/95/ Error Image when loop happen 这是jquery代码:

$(document).ready(function () {
$('#slider').on('initialized.owl.carousel change.owl.carousel changed.owl.carousel ', function (e) {
if (!e.namespace || e.type != 'initialized' && e.property.name != 'position') return;
var current = e.relatedTarget.current()
var items = $(this).find('.owl-stage').children()
//alert(current);
var add = e.type == 'changed' || e.type == 'initialized'
items.eq(e.relatedTarget.normalize(current)).toggleClass('current', add)
}).owlCarousel({
items: 3,
margin: 10,
itemsDesktop : [1199,3],
itemsDesktopSmall: [979, 3],
autoplay:true,
autoplayTimeout:2000,
autoplayHoverPause: true,
//autoHeight: true,
responsive: true,
center: true,
dots:false,
nav: true,
loop: true
});
})

1 个答案:

答案 0 :(得分:0)

var elementStyle = document.getElementByClass("caja").hover.style;

elementStyle.position = "relative";

elementStyle.top = "20px";

这将使班级caja在悬停时降低20px 我很抱歉,但我不知道最后一张图片的标题是什么问题,我从未使用过猫头鹰旋转木马。顺便说一句,你可以自己让美丽的旋转木马。