تصویر امیر حسین اکبری
Gallery

به منظور پیاده سازی گالری که به صورت اتوماتیک و با سرعت و زمان تأخیر مشخص محتوای آن تغییر کند و همچنین از تصاویر در Pager آن استفاده شده باشد، این بلاگ را مطالعه نمایید.

ماژول های مورد نیاز:

1- Views

 - فعال سازی Views UI

2- ماژول اسلایدشو

 - فعال کردن Views Slideshow و Views Slideshow: Cycle

3- دریافت آخرین نسخه Cycle و قرار دادن آن در فولدری به نام jquery.cycle در فولدر libraries که میتوانید مجموع فایل های آن را از انتهای این بلاگ دریافت فرمایید و در مسیر مشخص شده قرار دهید.

تنظیمات Views:

بعد از ساختن Content type مربوطه، با استفاده از Views خروجی از نوع بلاک گرفته و تنطیمات مربوطه را به نحو زیر پیاده سازی می نمایید:

1- قالب بندی از نوع Slideshow

2- تنظیمات Slideshow، از قبیل سرعت، زمان تأخیر، Pager را انجام داده و Slideshow type را Cycle قرار دهید.

3- نوع Pager type را تصویر قرار دهید. با انجام این عمل Pager به صورت تصویر خروجی گرفته می شود (این گزینه بعد از انجام مرحله بعد فعال می گردد.)

4- خروجی نمایش را به صورت field بگیرید. فیلدهای مورد نیاز را خروجی بگیرید مانند: فیلد عنوان، تصویر، متن و ...

5- تعداد تصاویر موجود در Pager را در گزینه Pager تنطیم نمایید که چندتا Thumbnail میخواهید در Pager داشته باشید.

6- در انتها برای آنکه بعد از کلیک بر روی Pager صفحه تغییر نکند و در همان صفحه Load انجام گیرد گزینه Use ajax را در قسمت Advanced فعال نمایید.

خروجی نهایی:

 

دیدگاه‌ها

تصویر مجید جعفری

مجید جعفری

ممنون از راهنمایی خوبی که کردی.

تصویر ali savar

ali savar (تایید نشده)

با سلام و ممنون از مقاله خوبتون
چطور میشه عکس اصلی رو بزرگتر کرد، چون تو این حالت همه به یک اندازه هستن.

تصویر امیر حسین اکبری

امیر حسین اکبری

با سلام

در این روش تمام تصاویر به یک اندازه می باشند چرا که از یک Image style تبعیت می نمایند.

برای ایجاد همچین ویژگی نیاز به ماژولی با استفاده از قابلیت Carousel Pager در  cycle2 هستید.

تصویر hamed azizi

hamed azizi

البته راه حلی که به نظر من میرسه این هست که شما یک استایل عکس برای همه ی عکس ها انتخاب ایجاد کنید با کیفیتی که برای عکس اصلی میخواهید و بقیه عکس ها رو با css کوچیک کنید.

افزودن نظر جدید