Javascript 帮助我更改jquery幻灯片以添加其他类
我有一个幻灯片,它只是不断变化的照片。我需要在每张照片的顶部添加一个新的div框。目前jquery代码只需要幻灯片和.active。如何修改它以获得新的div类“.newbox”(.newbox1代表第一张照片,.newbox2代表第二张照片,依此类推)。每次都要在不同的照片上出现一个不同的盒子。这是我的照片幻灯片jquery代码:Javascript 帮助我更改jquery幻灯片以添加其他类,javascript,jquery,Javascript,Jquery,我有一个幻灯片,它只是不断变化的照片。我需要在每张照片的顶部添加一个新的div框。目前jquery代码只需要幻灯片和.active。如何修改它以获得新的div类“.newbox”(.newbox1代表第一张照片,.newbox2代表第二张照片,依此类推)。每次都要在不同的照片上出现一个不同的盒子。这是我的照片幻灯片jquery代码: function slideSwitch() { var $active = $('#slideshow DIV.active'); if ( $
function slideSwitch() {
var $active = $('#slideshow DIV.active');
if ( $active.length == 0 ) $active = $('#slideshow DIV:last');
// use this to pull the divs in the order they appear in the markup
var $next = $active.next().length ? $active.next()
: $('#slideshow DIV:first');
// uncomment below to pull the divs randomly
// var $sibs = $active.siblings();
// var rndNum = Math.floor(Math.random() * $sibs.length );
// var $next = $( $sibs[ rndNum ] );
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
}
$(function() {
setInterval( "slideSwitch()", 5000 );
});
</script>
函数滑动开关(){
var$active=$(“#slideshow DIV.active”);
如果($active.length==0)$active=$(“#幻灯片放映DIV:last”);
//使用此选项可以按div在标记中的显示顺序提取div
var$next=$active.next().length?$active.next()
:$(“#幻灯片放映部分:第一”);
//取消下面的注释以随机抽取div
//var$sibs=$active.sibles();
//var rndNum=Math.floor(Math.random()*$sibs.length);
//var$next=$($sibs[rndNum]);
$active.addClass('last-active');
$next.css({opacity:0.0})
.addClass(“活动”)
.animate({opacity:1.0},1000,function()){
$active.removeClass('active last active');
});
}
$(函数(){
设置间隔(“滑动开关()”,5000);
});
我的html:
div id="slideshow">
<div class="active">
<a href="http://www.mylink.com/" target="_blank"><img src="http://route/img.jpg" alt="alt" /></a>
<div class="newbox1"></div>
div class="newbox2"></div>
div class="newbox3"></div>
div class="newbox4"></div>
div class="newbox5"></div>
</div>
div id=“slideshow”>
div class=“newbox2”>
div class=“newbox3”>
div class=“newbox4”>
div class=“newbox5”>
至少在帖子中,你把HTML搞乱了。您可以将活动类添加到newbox div元素,然后在幻灯片更改时将其删除。总之,您不需要带有“active”类的div