jQuery (плагин) исчезает в слайдере исчезновения

Question

Я пытаюсь создать слайдер jQuery.

Это будет увеличивать и уменьшать изображения, которые "застряли" в одном и том же месте. (Это объяснение понятно).

Немного так:

http://d2o0t5hpnwv4c1.cloudfront.net/377_slider/slider_sourcefiles/slider.html

Но без горизонтального перемещения.

Можете ли вы указать мне что-то похожее, чтобы я мог изменить его по своему назначению, но при этом не нужно заново изобретать колесо?

Answer 1

Как то так?http://jsfiddle.net/Ender/9zqbY/

Используя виджет-слайдер jQueryUI, вы сможете реализовать это довольно легко.Моя демонстрация далеко не идеальна, но этого должно быть достаточно, чтобы вы встали на правильный путь.С помощью ползунка jQueryUI вы можете привязать функцию к событию slidechange для постепенного уменьшения или уменьшения изображения.Вот пример этой функции:

$('#slider').bind("slidechange", function(event, ui) {
   var newIndex = $("#slider").slider("value");
   var oldIndex = $('#sliderContent .item').index('.shown');
   if (newIndex != oldIndex) {
       $('.shown').fadeOut().removeClass('shown');
       $('#sliderContent .item').eq(newIndex).fadeIn().addClass('shown');
   }
});

Удачи!