Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Nivo Slider... (https://javascript.ru/forum/dom-window/30044-nivo-slider.html)

ivanoid 22.07.2012 12:29

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;"...

Deff 22.07.2012 12:46

Цитата:

Сообщение от ivanoid
return false

Некая страховка: Запрещение действий по умолчанию - реакций на клик(Обычно Важно для тегов <a> для неперехода по ссылке

Deff 22.07.2012 12:51

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>

ivanoid 22.07.2012 12:52

Прошу прощения, больше волнует вопрос, как запустить т.е.
$("#slider").data("nivoslider").start();
после раскрытия блоков .strap и .slider-wrapper...

Deff 22.07.2012 12:56

$(".strap, .slider-wrapper").slideToggle("slow", function () {
          $("#slider").data("nivoslider").start()
      });

ivanoid 22.07.2012 13:00

<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;
  });
});
Немного упростил...

ivanoid 22.07.2012 14:18

Цитата:

Сообщение от Deff (Сообщение 190669)
$(".strap, .slider-wrapper").slideToggle("slow", function () {
  $("#slider").data("nivoslider").start()
});

Спасибо, буду дальше смотреть, - при раскрытии запускается, но как то не красиво перебирает картинки нелепо, быстро до первой...

ivanoid 22.07.2012 14:29

$(".strap, .slider-wrapper").slideToggle("slow", function () {
  $("#slider").data("nivoslider").start()
});
Можно ли как то start() запустить с задержкой по времени?..

Deff 22.07.2012 14:30

$(".strap, .slider-wrapper").slideToggle("slow", function () { 
  setTimeout('$("#slider").data("nivoslider").start()',20)
});


Воть так - не интересней? (*Тут перезапуск идёт уже после полного окнчания функции анимации

ivanoid 22.07.2012 14:53

Цитата:

Сообщение от Deff (Сообщение 190681)
$(".strap, .slider-wrapper").slideToggle("slow", function () { 
  setTimeout('$("#slider").data("nivoslider").start()',20)
});

Воть так - не интересней? (*Тут перезапуск идёт уже после полного окнчания функции анимации

Даже изменений никаких не увидел...


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