jQuery / javascript“旋转”效果，用于更改事件上的图像交换

Question

我正在寻找类似于WOW Slider中旋转效果的图像过渡：http://wowslider.com/javascript-slideshow-quiet-rotate-demo.html

主要区别在于我希望转换发生在下拉列表的更改事件上。这是功能代码：

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

js很简单：

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

如果我更换了受让人，我希望新照片像WOW Slider中的旋转效果一样旋转。

如果我可以提供帮助，我不想解构整个滑块库。有人知道一种更简单的方法来获得这种效果吗？

编辑：我感谢大家到目前为止的输入，但我正在寻找一种效果，相当于WOW Slider中的旋转效果。简单的幻灯片不会削减它。

Answer 1

硬币滑块jquery插件具有漩涡效果。检查这是否有用http://www.htmldrive.net/items/show/245/Coin-Slider-Image-Slider-with-Unique-EffectsjQuery，你可以使用jquery

的更改事件处理程序

Answer 2

这是一个例子。见：http://jsfiddle.net/zCknb/12/

效果：

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

选项attr animate =“animate-left_goright”

• 在动画离开++;
之后创建左侧

选项attr animate =“animate-right_goleft”

• 在离开动画后立即创建++;

选项attr animate =“animate-top_gobottom”

• 创建-top后底部动画++;

选项attr animate =“animate-bottom_gotop”

• 在top animate ++;
之后创建-bottom

  

回顾并理解这个例子。

采取很容易;