Nivo Slider...
Прошу знающих направить...
Скрываю блок Nivo Slider, хочу его при этом остановить, а при раскрытии запустить...
$(".hide").click(function () {
$("#slider").data("nivoslider").stop();
$(this).text(($(".strap:visible").length == 0) ? "Hide" : "Unhide");
$(".strap, .slider-wrapper").slideToggle("slow");
$(this).toggleClass("unhide");
return false;
});
P.S. Плохо понимаю что значит "return false;"... |
Цитата:
|
ivanoid,
Выложите скрипт вместе с HTML кодом, для большей понятности Пример: [HTML run]
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<a class="Alllert" href="#">Привет</a>
<script type="text/javascript">
$(".Alllert").click(function () {
alert($(this).text())
return false;
});
</script>
|
Прошу прощения, больше волнует вопрос, как запустить т.е.
$("#slider").data("nivoslider").start();
после раскрытия блоков .strap и .slider-wrapper... |
$(".strap, .slider-wrapper").slideToggle("slow", function () {
$("#slider").data("nivoslider").start()
});
|
<div class="slider-wrapper">
<div id="slider" class="nivoSlider">
<img src="photo_001.jpg" />
<img src="photo_002.jpg" />
</div>
</div>
<a href="" class="hide">Hide</a>
$(document).ready(function () {
$(".hide").click(function () {
$("#slider").data("nivoslider").stop();
$(this).text(($(".strap:visible").length == 0) ? "Hide" : "Unhide");
$(".slider-wrapper").slideToggle("slow");
$(this).toggleClass("unhide");
return false;
});
});
Немного упростил... |
Цитата:
|
$(".strap, .slider-wrapper").slideToggle("slow", function () {
$("#slider").data("nivoslider").start()
});
Можно ли как то start() запустить с задержкой по времени?.. |
$(".strap, .slider-wrapper").slideToggle("slow", function () {
setTimeout('$("#slider").data("nivoslider").start()',20)
});
Воть так - не интересней? (*Тут перезапуск идёт уже после полного окнчания функции анимации |
Цитата:
|
ivanoid,
Чтобы, потестить нун глянуть на реальную страницу - есть вероятность и конфликтов... |
Цитата:
http://astacus.ru/tmp/ |
Цитата:
|
Цитата:
Ещё и коряво... - http://astacus.ru/tmp/001.jpg |
Цитата:
|
Цитата:
P.S. Прошу прощения за мой "английский", - объяснил как мог... |
ivanoid,
При стопе на последнем кадре - старт идет по ходу с новой инициализацией, либо больше картинкок - чтобы событие было редким - либо забить на стопер |
Цитата:
|
ivanoid,
Наверняка есть возможность при стопе запоминать номер кадра и делать старт (возможно новый) с замомненного кадра |
http://astacus.ru/tmp/Video_2012-07-22_161414.wmv
- на всякий случай... |
ivanoid,
Гы - Ясен перец - Мы сейчас не разделяем - скрытие и раскрытие!!! |
$(document).ready(function () {
$(".hide").click(function () {
$(this).toggleClass("unhide");
if($(".strap").css("display")=='block'){
$(this).text("Unhide");
$(".strap, .slider-wrapper").slideUp("slow", function () {
setTimeout('$("#slider").data("nivoslider").stop()', 20)
});
} else {
$(this).text("Hide")
$(".strap, .slider-wrapper").slideDown("slow", function () {
setTimeout('$("#slider").data("nivoslider").start()', 20)
});
}
return false;
});
});
Вроде так ... |
Круть!., то шо надо.., огромное, человеческое спасибо..,
Профессор, подскажи коротенькую толковую книжку по js, jquery чтобы ещё понять что написано... |
Я так понял
setTimeout()уже не нужен... И про класс забыли
$(this).toggleClass("unhide");
... |
Цитата:
$(this).toggleClass("unhide");
- вставил (методом тыка)... |
Цитата:
|
| Часовой пояс GMT +3, время: 12:57. |