在滑块中显示图像

Question

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

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

<?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 

Answer 1

一个基本的jQuery滑块是容易的，你的指令来实现看中它：http://basic-slider.com/

Answer 2

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

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

享受吧！