在滑块中显示图像

问题描述:

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

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

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

有你想要的东西提供许多免费的滑块,可以做。尝试这个。 http://flexslider.woothemes.com/ – 2013-02-09 22:18:09

+0

如果你想创建自己的:http://*.com/a/12608357/1428241 – 2013-02-09 22:27:34

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

+0

好吧,再次欺骗代表点:) – 2013-02-10 18:20:01

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

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

享受吧!