
阿舍在找東西的時候,發現了這個 Image Cycle,顧名思義,就是可以讓照片放在 Page 裡一直循環跳的功能,而不用裝 Flash 就可以做到,看起來好像還滿好用的,所以,阿舍就去下載來玩玩,不過,這個模組是要合 Image 模組的 Gallery 功能才行的,還好,阿已經有裝過了哩 ! ...呵呵 !! 沒裝過的大德們,就請參考阿舍寫的說明囉 !!^^=。
原來,Image Cycle 這個名字,不是因為它會讓圖片一直循環 ( Cycle ) 的原因,而是因為它用了 JQuery Cycle 的 Plugin,所以做 Image Cycle 來的....=______=!!。
這個模組的安裝還算簡單,只要另外去下面這裡下載 JQuery Cycle 的 Plugin 過來安裝,其它的就還算簡單的哩 !!
http://malsup.com/jquery/cycle/download.html
不過,下載的時候請各位大德注意一下,這個 JQuery Cycle 共分為三個版本,請各位大德就下載那 「Cycle Core With All Transitions」,就是全功能的那個版本,雖然說,Image Cycle 模組的 INSTALL.txt 有說,可以隨各位大德的需要只下載 Cycle Core Only 也是可以,因為差別只是圖片顯示的變化方式,但是,阿舍是貪心的,好玩的功能,當然是越多越好囉 !!......。
啊 ...等一下,阿舍,那個 「Cycle Core With All Transitions」也是有二個,下載那一個哩 ?? 喔 ! 沒有差的啦 !一個是有壓縮處理過縮小版 ( Minified ),一個則是沒有減胖過的原始版 ( Uncompressed ),就任君挑選囉 !!
下載完那個 JQuery Cycle 後,就可以先放一邊了,接下載開始進入 Image 模組的安裝步驟囉 !!
1. 下載及安裝
請到 http://drupal.org/project/image_cycle 下載檔案並安裝。
2.安置 JQuery Cycle Plugin
把剛剛下載來的 JQuery Cycle 的檔案更名為 jquery.cycle.js 後放到 Image Cycle 模組的安裝資夾去。
3.啟用 Image Cycle 模組
在開始的時候,阿舍有提到,這個模組是要依賴 Image 模組和它的 Image Gallery 模組的,所以,這二個要先裝好、弄好,才能啟用這個 Image Cycle 模組的....。
4.設定 Image Cycle 模組
安裝和啟用後,阿舍一如往常的,就到管理的頁面 ( /admin ) 去找這個 Image Cycle 的設定連結,呵呵 !! 又是一個沒有獨立設定頁的模組哩 ! 它的設定項目是依附在 Gallery 的下面的,所以說,Image Cycle 模組是以 Gallery 為基礎來顯示圖片的。
要開始設定,請到 「管理」 » 「內容管理」» 「Image Gallery」( /admin/content/image ) 裡,選一個 Gallery 來點它的「Edit Gallery」進入 Gallery 的設定頁面,進入之後,在最下面就可看到「Cycle settings」的下列欄位。
「檢視: (View)」
這個是不可以編輯的,是用來顯示這個 Gallery 的 SildShow 的網址的。
「Effect:」
這個是指圖片在切顯示的效果,如果有裝 「Cycle Core With All Transitions」的版本,這個欄位往下拉,就會有很多很多的效果可以,各位大德有興趣的話,可以都來試試的....。
「Parameters:」
這裡可以放參數給 JQuery Cycle 用,填寫的方式是一行放一組 "參數名稱:參數值 ( Key:Value )" ,而可以使用的參數項目就請到下網址研究囉 !! .....。
http://malsup.com/jquery/cycle/options.html
這個是不是必需填的,留白,就會用預設的設定來顯示圖片的....。
「CSS:」
各位大德可以透過這來放入 CSS 來調整和自定這個 Gallery 的顯示,如果,不在這裡打,也可以看這個欄位的下二行,會顯示這個 Gallery 的 SideShow 的 ID,所以,也是可以在 Style.css 來定義的,而每一個 Image Cycle 模組產生的圖片都會放在 image_cycle_pictures 這個 Div 裡的 。
5.查看 Sildshow
按照上面那個「檢視:」欄位所顯示的網址去開啟,就會看的到了。
Image Cycle 也是可以放在區塊或其它地方的,只要建立一個區塊在要顯示的地方放入下列 PHP 程式碼就可以了。
<?php
image_cycle_show($tid);
?>
這是一個簡單又實用的模組,如果,只是單純的要一個 SideShow 放在首頁或 區塊,這個 Image Cycle 應該好用的,不過,前提是要已經花時間安裝了 Image 模組才行的...呵呵 !!
- 增加新的回應
- 瀏覽次數: 5308
弄好了!谢谢
原来要打开PHP filter 模块。呵呵
还有PHP代码我是写了这个,就行了
<?php
echo image_cycle_show(1);
?>
怎么调整 Gallery显示的大小呢?
这里不是很明白。呵呵:
如果,不在這裡打,也可以看這個欄位的下二行,會顯示這個 Gallery 的 SideShow 的 ID,所以,也是可以在 Style.css 來定義的,而每一個 Image Cycle 模組產生的圖片都會放在 image_cycle_pictures 這個 Div 裡的
“如果,不在這裡打,也可以看這個欄位的下二行,會顯示這個 Gallery 的 SideShow 的 ID,所以,也是可以在 Style.css 來定義的,而每一個 Image Cycle 模組產生的圖片都會放在 image_cycle_pictures 這個 Div 裡的”
同此问,我也不是很明白图片是怎样添加进去的。其他的步骤我也照做了,还比较顺利。
我以前試過好幾個這類模組(基於SEO需要,要同時 cycle 圖片與文字...),那些模組不是太難安裝就是太難設置,花了數天時間最後還是用 Panel + JQuery 完成 :(

怎么样在区块中加入这个啊
<?php
image_cycle_show($tid);
?>
代码写在那呢?谢谢!