Слайдер flex переход на следующий слайд.
Ребят помогите пожалуйста.
Есть слайдер <ul class="slides_block"> <li><span class="cnt"><img border="0" src="https://images.wallpaperscraft.ru/image/babochka_uzory_luchi_svet_blesk_bliki_16378_1920x1200.jpg"></span></li> <li><span class="cnt"><img border="0" src="http://www.playcast.ru/uploads/2019/06/08/27135417.jpg"></span></li> <li><span class="cnt"><img border="0" src="https://www.desktopbackground.org/download/1600x1200/2012/06/01/398689_technology-ppt-backgrounds-templates-download-free-technology_1600x1200_h.jpg"></span></li> <li><span class="cnt"><img border="0" src="http://www.clipartbest.com/cliparts/niX/8KB/niX8KB46T.jpeg"></span></li> <li><span class="cnt"><img border="0" src="http://www.uponthisrock.com/powerpointbacks/coollines2.jpg"></span></li> </ul> Как сделать что бы автоматом именно происходило нажатие на 1 слайд через 3 сек 2 слайд через 3 сек 3 слайд и так по кругу. Но при наведении на слайд он останавливался |
flexslider автослайдшоу с паузой при наведении
kostia170985,
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/flexslider.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/jquery.flexslider.min.js" ></script> <style type="text/css"> .flexslider{ width: 500px; margin: 20px auto; } .flexslider .slides img{ height: 310px; width: 100%; } </style> <script> $(function() { $('.flexslider').flexslider({ animation: "slide", pauseOnHover: true, slideshow: true, slideshowSpeed: 1000 }); }); </script> </head> <body> <div class="flexslider"> <ul class="slides"> <li><span class="cnt"><img border="0" src="https://images.wallpaperscraft.ru/image/babochka_uzory_luchi_svet_blesk_bliki_16378_1920x1200.jpg"></span></li> <li><span class="cnt"><img border="0" src="http://www.playcast.ru/uploads/2019/06/08/27135417.jpg"></span></li> <li><span class="cnt"><img border="0" src="http://www.clipartbest.com/cliparts/niX/8KB/niX8KB46T.jpeg"></span></li> <li><span class="cnt"><img border="0" src="http://www.uponthisrock.com/powerpointbacks/coollines2.jpg"></span></li> </ul> </div> </body> </html> |
Рони огромное спасибо
Рони огромное Вам спасибо. Всегда выручаете.
Но это немного не то. Это стандартный функционал flexslider. А у меня от нажатия меняется картинка в другом блоке. По этому мне нужно именно нажатие на слайд. |
kostia170985,
вашей информации недостаточно, чтобы что-то посоветовать. |
Часовой пояс GMT +3, время: 13:30. |