2012-12-03 40 views
2

我在尋找類似WOW滑塊的旋轉效果的圖像轉換:http://wowslider.com/javascript-slideshow-quiet-rotate-demo.html的jQuery/JavaScript的用於在變化事件圖像交換「旋轉」效果

的主要區別是我想要的後過渡到發生更改下拉菜單的事件。下面是功能代碼:

http://jsfiddle.net/zCknb/14/

的JS很簡單就夠了:

$("#assignee").change(function() { 
    $("#pic").attr("src", $("#assignee").val()); 
}) 

如果我改變受讓人,我想新的照片,以漩渦中像Rotate效果WOW滑塊。

我不想解構整個滑塊庫,如果我可以幫助它。有人知道更簡單的方法來獲得這種效果嗎?

編輯:到目前爲止,我感謝所有人的投入,但我正在尋找一種等效於WOW Slider旋轉的效果。簡單的幻燈片不會削減它。

+0

你是否實現了這個目標?我需要相同的功能 – nagesh

+0

@panda,還沒有。 – Tony

回答

0

下面是一個示例。見:http://jsfiddle.net/zCknb/12/

效果:

/* 
* effects 
* animate-left_goright   
* animate-right_goleft   
* animate-top_gobottom 
* animate-bottom_gotop 
*/ 

選項ATTR 有生= 「動畫-left_goright」

  • 創建左後有生左++;

選項ATTR 有生= 「有生-right_goleft」

  • 創建右後左動畫++;

選項ATTR 有生= 「有生-top_gobottom」

  • 底部有生++之後創建-top;

選項ATTR 有生= 「有生-bottom_gotop」

  • 頂部有生++之後創建漢字;

查看並理解此示例。

拿起來很簡單;

+0

嗨Yasar,這並不像WOW Slider中的旋轉效果那樣。我的最終用戶需要類似的過渡。 – Tony