отображение изображений в слайдере

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/

Наслаждайтесь!