Слайдер 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, время: 03:44. |