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

基本的な jquery スライダーは、お好みの手順で簡単に実装できます: 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 に答える