Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Необходима помощь! Остановка карусели при наведении курсора мыши. (https://javascript.ru/forum/jquery/14526-neobkhodima-pomoshh-ostanovka-karuseli-pri-navedenii-kursora-myshi.html)

DAZ 20.01.2011 08:28

Необходима помощь! Остановка карусели при наведении курсора мыши.
 
Есть скрипт указанный ниже. Все отлично работает. Но уже третий день бьюсь над тем, чтобы сделать следующее: "необходимо чтобы при наведении курсора мыши на карусель (на одну из фото), карусель останавливалась, при убирании курсора, снова начинала двигаться"

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="http://www.xxx.net/examples/css/examples.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jcarousellite.js"></script>


<script type="text/javascript">
jQuery(function(){
jQuery(".gallery").jCarouselLite({
auto: 800,
speed: 1000

});

});
</script>
<style type="text/css">
<!--

li{
float:left;
margin:10px;
}
-->
</style>

<div class="main">

<div class="gallery">
<ul>
<li><img src="img/pic1.jpg" height="113px" width="150px" alt=""/></li>
<li><img src="img/pic2.jpg" height="113px" width="150px" alt=""/></li>
<li><img src="img/pic3.jpg" height="113px" width="150px" alt=""/></li>
<li><img src="img/pic4.jpg" height="113px" width="150px" alt=""/></li>
<li><img src="img/pic5.jpg" height="113px" width="150px" alt=""/></li>
<li><img src="img/pic6.jpg" height="113px" width="150px" alt=""/></li>
<li><img src="img/pic7.jpg" height="113px" width="150px" alt=""/></li>

</ul>
</div>

:help:

Заранее спасибо!

Skipp 20.01.2011 10:39

там нет такой возможности, попроси сделать разработчиков, я думаю они с радостью это добавят.

Nanto 23.01.2011 04:26

Цитата:

Сообщение от Skipp
там нет такой возможности, попроси сделать разработчиков, я думаю они с радостью это добавят.

ну зачем же так сразу обламывать? или просто разбираться лень?
уж на что я лох в javascript - но там есть такая возможность и разработчики её уже добавили! не надо даже лезть в сам плагин. вот из документации:

/ * @option beforeStart, afterEnd : function - callbacks
 * @example
 * $(".carousel").jCarouselLite({
 *      btnNext: ".next",
 *      btnPrev: ".prev",
 *      beforeStart: function(a) {
 *          alert("Before animation starts:" + a);
 *      },
 *      afterEnd: function(a) {
 *          alert("After animation ends:" + a);
 *      }
 * });
 * @desc If you wanted to do some logic in your page before the slide starts and after the slide ends, you can
 * register these 2 callbacks. The functions will be passed an argument that represents an array of elements that
 * are visible at the time of callback.
*/

т.е. можно навесить до двух вызовов - перед началом анимации (каждого цикла) и после завершения анимации.
можно, например, повесить опрос на "mouseover" и останавливать анимацию... и т.д.

Skipp 23.01.2011 15:16

Nanto,
вы сами то сначала разобрались?
там стоит setInterval который очистить не выйдет не изменяя исходники.

dmitriymar 23.01.2011 18:57

или послать карусель и самому ручками её написать-строк 20 выйдет от силы.итого затраты на написать свою не сравняться с 3 днями сидения над чужим..

antegria 11.05.2018 10:49

На мой взгляд Вам будет удобнее использовать owl-карусель, которая очень удобна и проста в использовании и уже предусматривает большой перечень возможностей. Свойство owl-карусели autoplayHoverPause решит Вашу задачу - https://owlcarousel2.github.io/OwlCa...i-options.html


Часовой пояс GMT +3, время: 18:42.