jquery cycle plugin 问题

提示: 作者被禁止或刪除 內容自動屏蔽

原帖由 adrianmak 於 2009-3-7 10:13 發表
请看这个site
http://hk-magazine.com/

顶上那个slideshow 效果 用了jquery cycle plugin 的

看source, 有个地方不明白
那段sideshow 的 divjquery cycle 的effect  可以在这里定义的吗??
不需要用个j ...


有code 呀...
  1. $('#slideshow_dev').before('<ul id="nav_dev">').cycle({
  2. fx: 'turnDown',
  3. speed: 1000,
  4. timeout: 10000,
  5. pager: '#nav_dev',
  6. pagerAnchorBuilder: function(idx, slide) {
  7. return '<li><a href="#"><img src="' + slide.title + '" width="90" height="60" /></a></li>';
  8. }
  9. });
複製代碼

TOP

提示: 作者被禁止或刪除 內容自動屏蔽

TOP

提示: 作者被禁止或刪除 內容自動屏蔽

TOP

原帖由 adrianmak 於 2009-3-7 10:55 發表


我也看过这段code, 但好像不是做sliding的,
fx: 'turnDown', 这个effect不是出来的那种。
显示出来的是 fx: 'scrollLeft' 这种才是
再说在div 上 class="pics {fx:  ........}   


上面抄漏左 (係firebug 抄出黎, 所以有行號, 請忽略)
  1. $('#slideshow_dev').before('<ul id="nav_dev">').cycle({
  2. 14 fx: 'turnDown',
  3. 15 speed: 1000,
  4. 16 timeout: 10000,
  5. 17 pager: '#nav_dev',
  6. 18 pagerAnchorBuilder: functio n(idx, slide) {
  7. 19 return '<li><a href="#"><img src="' + slide.title + '" width="90" height="60" /></a></li>';
  8. 20 }
  9. 21 });
  10. 22});
複製代碼
果個pageAnchorBuilder callback 就係用黎產生你講果part

TOP

提示: 作者被禁止或刪除 內容自動屏蔽

TOP

提示: 作者被禁止或刪除 內容自動屏蔽

TOP

你都沒有set timeout.........它當然不會auto sliding............

TOP

提示: 作者被禁止或刪除 內容自動屏蔽

TOP

由hk-magazine cut
$('#slideshow_dev').before('<ul id="nav_dev">').cycle({
fx: 'turnDown',
speed: 1000,
timeout: 10000,
pager: '#nav_dev',
pagerAnchorBuilder: function(idx, slide) {
return '<li><a href="#"><img src="' + slide.title + '" width="90" height="60" /></a></li>';
}
});

[ 本帖最後由 hdvd-rom 於 2009-3-7 19:34 編輯 ]

TOP