0

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

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

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

2 回答 2

1

A basic jquery slider is easy to implement with instructions of you fancy it: http://basic-slider.com/

于 2013-02-10T06:51:40.720 回答
0

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

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

好好享受!

于 2013-02-09T22:20:46.123 回答