更改動畫滑塊淡入淡出與jquery

我有這個JS幻燈片之間的圖像，但我想改變他們淡入淡出 - 什麼是最好的方式來改變這些？更改動畫滑塊淡入淡出與jquery

這裏是一個完整的演示櫃面最好是：http://jsfiddle.net/mJcTA/6/

animate: function() { 
      var nextItem, pos; 
      // check whether there are enough items to animate to 
      if (this.itemIndex > (this.noOfItems - this.options.itemsPerPage)) { 
       this.itemIndex = this.noOfItems - this.options.itemsPerPage; // go to last panel - items per transition 
      } 
      if (this.itemIndex < 0) { 
       this.itemIndex = 0; // go to first 
      } 
      nextItem = this.items.eq(this.itemIndex); 
      pos = nextItem.position(); 

      if (headache) { 
       this.runner 
.stop() 
.animate({ left: -pos.left }, this.options.speed, this.options.easing); 
      } 
      else { 
       this.mask 
.stop() 
.animate({ scrollLeft: pos.left }, this.options.speed, this.options.easing); 
      } 
      this.updateBtnStyles(); 
     }

來源

2012-10-09 James Brandon

你想改變什麼是它改變了左位置的CSS屬性爲0內部

.animate({HERE}..

內容。如果您想使其淡入淡出，則正確的動畫將會將不透明度更改爲1：

.animate({opacity:1}...

請注意，根據瀏覽器不透明css屬性的解釋不同，因此您可能需要更改多個「不透明度」規則。

的代碼是不完整的，因爲我沒有太多的時間來閱讀整個腳本，但是這將讓你去...

來源

2012-10-09 13:08:38 Th0rndike

這就是我之前試過這樣做，但沒有工作，在事實上幻燈片沒有改變，但也沒有在控制檯中的錯誤，所以我認爲我做錯了，但這就是我如何做到這一點，以及我如何做到這一點沒有成功。 –

我添加了一個演示jsfiddle顯示一切，它是如何工作的，也許當你有一些時間你可以伸出援手或其他人的幻想呢？提前致謝 –

更改動畫滑塊淡入淡出與jquery

回答

相關問題