Javascript/php旋转木马无法正常工作
Javascript/php carousel not working properly
我正在为网页编写幻灯片/旋转木马。我刚开始让PHP遍历一个图像文件夹,这样我就可以使用幻灯片来显示未定义数量的图像。不幸的是,由于对PHP for循环进行了更改,我的JavaScript本应在幻灯片播放到最后一张照片时重新开始,但却不起作用。我有一种感觉,我对PHP的使用扰乱了我的DOM结构,但我不知道如何弄清楚这是否是问题所在,如果是,如何修复它
<div class="slider">
<?php
$output = '';
$dir = dirname(__FILE__).'/img';
$images = scandir($dir);
if($images)
{
foreach($images as $image)
{
if(in_array($image,array('.','..'))) continue;
?>
<div class="slide slide-feature">
<div class="container">
<div class="row">
<div class="col-xs-12">
<a href="#"><img src="img/<?php echo $image ?>" ></a>
</div>
</div>
</div>
</div>
<?php
}
}
?>
下面是JS,它应该允许我浏览照片:
var carousel = function() {
/*$('.tabs').children().children().click(function() {
$(this).siblings().removeClass('.active');
$(this).addClass('.active');
});*/
$('.arrow-next').click(function() {
var currentSlide = $('.active-slide');
var nextSlide = currentSlide.next();
if(nextSlide.length == 0)
{
nextSlide = $('.slide').first();
}
currentSlide.fadeOut(750).removeClass('active-slide');
nextSlide.fadeIn(750).addClass('active-slide');
});
$('.arrow-prev').click(function() {
var currentSlide = $('.active-slide');
var prevSlide = currentSlide.prev();
if(prevSlide.length == 0)
{
prevSlide = $('.slide').last();
}
currentSlide.fadeOut(750).removeClass('active-slide');
prevSlide.fadeIn(750).addClass('active-slide');
});
};
window.onload = carousel();
感谢您的帮助。谢谢Zachary Mason
原来我只是错过了一个,结果意外地将箭头添加到了它试图显示的图像列表中。。。无论如何,谢谢!
相关文章:
- Javascript:selenium Web驱动程序isDisplayed()不工作
- jQuery UI自动完成突然停止工作
- AngularJS UI路由器不能像ng路由器那样工作
- HTML5音频加载和播放获胜'我不能在iPad上工作
- JavaScript打印功能使日历停止工作
- Javascript.getHours()工作不正常
- 为什么这在IE中的工作方式与在Firefox中不同
- 视频HTML没有'无法在Internet Explorer 11上工作
- 扩展移相器按钮类不工作
- Firebase迁移-简单的Firebase.set没有'不再工作了——旧的还是新的
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- 正在尝试使用if和else添加类,但无法正常工作
- Jquery FadeIn FadeOut 只工作一次
- Foreach无法在Typescript中工作
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- 为什么不是't窗口.恢复正常工作吗?(javascript/jquery)
- JS可以在Chrome中工作,但不能在Firefox中工作
- ajaxToolkit PopupControlExtender不工作.过时的
- HTML标记在脚本标记中工作
- javascript扫雷器floodfill算法不能正常工作