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是一个很好的前端解决方案网站，我发现这个插件可能对你有帮助，在本教程中她会教你如何做，并给你一个演示代码。

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

享受它！

在滑块中显示图像

2 个答案: