Membuat Slider Foto Di Drupal Memakai Jcarousel Dan Views

melaluiataubersamaini memakai jCarousel kita dapat membuat slider foto bergerak secara otomatis sedangankan dengan views kita dapat menaruh silder foto tersebut di “block” atau pecahan tertentu yang kita inginkan. Saya tidak dapat pertanda tiruananya secara detail, sebab disini yang paling penting yaitu kita dapat membuat sebuah halaman foto dengan pengaruh slider bergerak. Proses pembuatan slider ini bergotong-royong hampir menyerupai mirip yang sudah sudah jelaskan pada artikel wacana Membuat Halaman Galeri di Drupal Menggunakan Gallery Formatter, spesialuntuk saja kita menambahkan modul “VIEWS” untuk mengatur peletakan slider pada halaman web drupal sesuai dengan yang kita inginkan

Untuk Membuat Slider Foto di Drupal Menggunakan jCarousel dan Views, Anda perlu menyiapkanmenginstal beberapa modul diantaranya

1. CTOOLS
2. VIEWS
3. jCAROUSEL
4. TOKEN
5. AUTOPATH

Saya tidak mengerti kelima hal diatas, sebab Saya juga masih berguru dari orang lain jadi silahkan Anda cari sendiri wacana fungsi – fungsi dari kelima modul diatas. Bila tiruana modul diatas sudah diinstal maka Anda dapat mengikuti langkah – langkah diberikut :

1. Buatlah sebuah content field gres dengan nama missal “Myslider”
2. Klik Structure > Menu > Add content. Klik Save and add fileds 

3. Pada jendela “Manage field” menambahkan field gres dengan nama missal 

   “MySlider” kemudian field tipenya yaitu “image”. Klik Save 

4. Pada jendela “FIELD SETTINGS” klik Save Field 

5. Berikutnya pada jendela “EDIT” Anda dapat mengaktifkan “Enable Alt field”

   dan “Enable Title field” untuk “Myslider field settings” dan number valuesnya

   di set “1” saja. Klik “Save Settings” 

6. Pada jendela diberikutnya Klik Content > Add content > MySlider 

7. Pada jendela diberikutnya uploadkan sebuah gambar di “MySlider” missal

   dengan nama “gambar2”. Klik Save, ulangi langkah ini sampai gambar yang

   sudah di upload mencapai 10 gambar / sesuaikan dengan keinginan

8. Sekarang klik Struture > Views > Add new view 

9. Pada jendela diberikunya masukan nama view pada “view name”. Hilangkan

    tanda centang pada “Create a Page”. Klik “Continue and Edit” 

10. Pada jendela diberikutnya akan terlihat tampilan menyerupai ini.

 11. Pada pecahan “Fields” > “Add” turunkan atau pilih “Rearrange” dan muncul

     tampilan diberikut, Klik “Remove” 

12. Selanjutnya pada pecahan Field menambahkan filed gres klik “Add” kemudian pilih

     content “myslider” klik Apply 

13. Selanjutnya hilangkan tanda centang pada create a label. Klik Apply 

14. Selanjutnya nanti akan tampil tampilan menyerupai diberikut : 

15. Berikutnya pada pecahan “FORMAT” jCarousel | Settings, klik Settings, 

     nanti akan muncul tampilan diberikut, ini tampilan untuk mengatur scroll 

     gambar dan waktu scroll gambar. 

16. Untuk Warp Content pilih “Circular”. Klik Apply 

17. Proses selanjutnya yaitu menampilkan slider content pada “BLOCK”

     tertentu yang kita inginkan. Perhatikan pada pecahan “View: myslider” pilih 

     “None” menjadi “Featured”

18. Anda juga dapat menentukan di pecahan mana slider tersebut akan

     ditampilkan. Klik Configure, pada pecahan “Pages” Anda dapat memasukan

     url tertentu missal content/nama halaman. Makara disini memang harus buat

     halaman gres terlebih lampau nanti Anda copykan urlnya, atau Anda

     mengaturnya untuk tampil di tiruana halaman dengan menentukan “All Pages

     excpect those listed” 

 19. Bila berhasil maka nanti slidernya akan tampil menyerupai ini, slider ini 

Anda juga dapat menambahkan pengaruh Lightbox2 pada ketika gambar di klik, Anda tinggal mengatur pada pecahan “Manage Display” dari content type yang Anda buat (MySlider) kemudian atur pecahan link imagenya ke Lightbox2, Untuk lebih jelasnya Anda dapat membaca artikel wacana Menambah pengaruh Lightbox2 Pada Module Gallery Formatter. 

Selamat Mencoba…..

Share :