Как мне изменить добавить непрозрачность для функции анимации в JQuery - PullRequest
Новая
       19

Как мне изменить добавить непрозрачность для функции анимации в JQuery

0 голосов
/ 26 декабря 2010

У меня есть следующий код, который я получил от http://css -tricks.com / starttop-slider / Я хотел бы переключить свойство animate с верхней анимации на img на просто исчезновение прозрачности в исчезают. Как бы я поступил так со следующим кодом. 

// SET THIS VARIABLE FOR DELAY, 1000 = 1 SECOND
var delayLength = 5000;

function doMove(panelWidth, tooFar) {
 var leftValue = $("#mover").css("left");

 // Fix for IE
 if (leftValue == "auto") { leftValue = 0; };

 var movement = parseFloat(leftValue, 10) - panelWidth;

 if (movement == tooFar) {
  $(".slide img").animate({
   "top": -600
  }, 1000, function() {
   $("#mover").animate({
    "left": 0
   }, function() {
    $(".slide img").animate({
     "top": 40
    });
   });
  });
 }
 else {
  $(".slide img").animate({
   "top": -600
  }, 1000, function() {
   $("#mover").animate({
    "left": movement
   }, function() {
    $(".slide img").animate({
     "top": 40
    });
   });
  });
 }
}

$(function(){

    var $slide1 = $("#slide-1");

 var panelWidth = $slide1.css("width");
 var panelPaddingLeft = $slide1.css("paddingLeft");
 var panelPaddingRight = $slide1.css("paddingRight");

 panelWidth = parseFloat(panelWidth, 10);
 panelPaddingLeft = parseFloat(panelPaddingLeft, 10);
 panelPaddingRight = parseFloat(panelPaddingRight, 10);

 panelWidth = panelWidth + panelPaddingLeft + panelPaddingRight;

 var numPanels = $(".slide").length;
 var tooFar = -(panelWidth * numPanels);
 var totalMoverwidth = numPanels * panelWidth;
 $("#mover").css("width", totalMoverwidth);

 $("#slider").append('<a href="#" id="slider-stopper">Stop</a>');

 sliderIntervalID = setInterval(function(){
  doMove(panelWidth, tooFar);
 }, delayLength);

 $("#slider-stopper").click(function(){
  if ($(this).text() == "Stop") {
   clearInterval(sliderIntervalID);
    $(this).text("Start");
  }
  else {
   sliderIntervalID = setInterval(function(){
    doMove(panelWidth, tooFar);
   }, delayLength);
    $(this).text("Stop");
  }

 });

});

Ответы [ 2 ]

1 голос
/ 26 декабря 2010

Должно работать, чтобы изменить анимируемое свойство на «непрозрачность»: 

$(".slide img").animate({
    "opacity": 1
},
0 голосов
/ 26 декабря 2010

Я не эксперт по jquery, но вы можете просто заменить .animate на .fadeIn ("slow")

...