我有一个完美的滑块,但我需要将“淡入淡出”动画更改为“向左滑动”动画。
在我需要修改的代码中,我发现了这个:
// get handle to element that wraps the image and make it semi-transparent
var wrap = $("#image_wrap").fadeTo("medium", 0.5);
var wrap2 = $("#mies1");
var wrap3 = $("#pictit");
// the large image from www.flickr.com
var img = new Image();
// call this function after it's loaded
img.onload = function() {
// make wrapper fully visible
wrap.fadeTo("fast", 1);
// change the image
wrap.find("img").attr("src", url);
wrap.find("a.go").attr("href", data);
wrap2.find("img").attr("src", url);
wrap3.find("p").text(alt);
我还发现它使用 jquerytools ..
$(".scrollable").scrollable();
我尝试根据此处的文档进行更改:
http://jquerytools.org/demos/scrollable/easing.html,但显然我做错了什么。
$(".scrollable").scrollable({easing: 'custom', speed: 700, circular: true});
这不影响的fadeTo()
,jquery
那我该怎么办?
请帮忙。
这是jsfiddle
, 与所有css
,html
等
例如,我尝试过
wrap.animate("width", 0)
或者
wrap.slideIN ()
不工作