在滑块中显示图像答案

【问题标题】：displaying images in a slider在滑块中显示图像
【发布时间】：2013-01-25 09:02:06
【问题描述】：

我想知道是否有一种简单的方法可以像滑块一样将图像放置在如下循环中？用户在滑块中看到第一张图像，然后通过使用箭头，例如，能够滑动到下一张或上一张图像的旁边。如果用户在最后一张图像上并且想要继续下一张图像，它会再次显示第一张图像。如果用户在第一个图像上并单击上一个图像，它将继续最后一个图像。所以它保持连续。

下面是代码，如果没有图像，则显示空白，但如果有图像，则将这些图像显示在滑块中：

<?php
        //start:procedure image
        $img_result = '';
        if(empty($arrImageFile[$key])){
          $img_result = '&nbsp;';
        }else{

?>


<?php foreach ($arrImageFile[$key] as $i) { ?>
<p><img alt="<?php echo $i; ?>" height="200" width="200" src="<?php echo 'ImageFiles/'.$i; ?>"></p>
<?php } ?>


<?php

        }
        //end:procedure image

【问题讨论】：

有很多免费的滑块可以做你想做的事。尝试这个。 flexslider.woothemes.com
如果你想创建自己的：stackoverflow.com/a/12608357/1428241

标签： javascript jquery

【解决方案1】：

Codrops 是一个不错的前端解决方案网站，我发现这个插件也许可以帮助你，在本教程中她教你如何做，并给你一个演示代码。

http://tympanus.net/codrops/2012/04/05/slideshow-with-jmpress-js/

尽情享受吧！

【讨论】：

【解决方案2】：

一个基本的 jquery 滑块很容易实现，你喜欢它的说明：http://basic-slider.com/

【讨论】：