2

我正在寻找类似于 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 滑块中的旋转效果一样旋转。

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

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

4

2 回答 2

0

这是一个例子。见：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"

  • 在顶部动画 ++ 之后创建 -bottom；

查看并理解此示例。

采取很容易；

于 2012-12-03T19:57:43.023 回答
0

硬币滑块 jquery 插件具有漩涡效果。检查它是否有帮助http://www.htmldrive.net/items/show/245/Coin-Slider-Image-Slider-with-Unique-EffectsjQuery并且您可以在 jquery 的更改事件处理程序上使用

于 2012-12-03T18:20:12.157 回答