گالری فضایی گالری تصاویر سه بعدی جی کوئری. گالری تصاویر جی کوئری یک گالری ساده و زیبا که در CSS و بدون استفاده از اسکریپت ساخته شده است

c class="fotorama".

به نظر می رسد این است:

یا مانند این (شماره‌گذاری پیوند اختیاری است):

1 3 4

نمونه هایی از تنظیمات Fotorama

ابعاد ظرف

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

تنظیمات دیگری نیز وجود دارد:

data-width="98%" // عرض نسبی data-ratio="800/600" // نسبت تصویر data-minwidth="420" // دقیقه. عرض data-maxwidth="900" // حداکثر. عرض data-minheight="320" // دقیقه. height data-maxheight="100% // نسبی حداکثر. height data-height="100% // ارتفاع نسبی

مینیاتور

Data-nav="thumbs" مسئول ریز عکسها است

اما این روش خیلی کارآمد نیست، زیرا اسکریپت باید همه عکس‌ها را به یکباره بارگذاری کند تا ریز عکس‌ها ایجاد شود، بنابراین منطقی‌تر است که کپی‌های کوچکی از تصاویر را از قبل آماده کنیم. وردپرس به طور خودکار تصاویر کوچک تولید می کند و ما از آنها استفاده خواهیم کرد. برای پیوند دادن به تصویر کوچک -70x70 را به نام فایل اضافه کنید (https://website/wp-content/uploads/2017/11/27ltl9eRXk.jpg → https://website/wp-content/uploads/2017/11/27ltl9eRXk-70x70.jpg).

به طور پیش‌فرض، تصویر کوچک 64 × 64 است. می‌توانید این پارامتر را با استفاده از data-thumbwidth (عرض) و data-thumbheight (ارتفاع) تنظیم کنید. اگر می خواهید تصویر کوچک اندازه خودش را داشته باشد، پارامترهای عرض و ارتفاع را برای فایل تصویر کوچک تنظیم کنید:

کد HTML + Fotorama

قاب عکس به خوبی HTML و CSS را مدیریت می کند که عملکرد اسکریپت را تا حد زیادی گسترش می دهد. با پیوندها، بلوک ها، جداول، پاراگراف ها کار کنید، CSS بنویسید و موارد دیگر. در زیر نمونه هایی از کارهای این گالری را مشاهده می کنید. اگر قسمت بصری نمایش داده نشد، روی دکمه "نتیجه" کلیک کنید.

نمایش / پنهان کردن نمونه ها

قلم ooppwb توسط Ivanov Klim (@DreamerKlim) را در CodePen ببینید.

قلم aVEEVb توسط Ivanov Klim (@DreamerKlim) را در CodePen ببینید.

حالت تمام صفحه

data-allowfullscreen="true" //در پنجره مرورگر data-allowfullscreen="native" //برای کل مانیتور

امکان افزودن جداگانه وجود دارد تصویر بزرگبرای حالت تمام صفحه از طریق داده کامل:

دیگر

data-autoplay= "true" //autoplay data-autoplay="3000" //فاصله بین اسلایدها بر حسب میلی ثانیه data-caption = "One" //نظرات روی تصاویر data-keyboard = "true" // با فلش ها پیمایش کنید data-shuffle= "true" //تصاویر مخلوط شده اند data-navposition= "بالا" // تصاویر کوچک در بالاحلقه داده = "درست" //پیمایش چرخهبیایید سعی کنیم همه چیز را به هم وصل کنیم و یک ویدیو اضافه کنیم

سلام به همه!
توسعه دهندگان از همه رشته ها، هنگام ایجاد پروژه وب بعدی، اغلب به این سوال علاقه مند هستند که چگونه انواع مختلف تصاویر را به کاربران خود ارائه دهند، چه عکس باشند و چه مجموعه ای از تصاویر. برای این کار، ذهن کنجکاو فضای آنلاین، که البته بیشتر این فضا «بورژوایی» است، هر روز بیشتر به دنبال راه حل های جدید برای ایجاد اسلاید شوها و گالری های عکس دیدنی، رنگارنگ و از همه مهمتر کاربردی هستند. در بیشتر موارد، آنها توسط توسعه دهندگان برای طراحی الگوی پروژه وب در حال ایجاد یا به صورت پلاگین ها و ماژول ها برای یک موتور مدیریت سایت خاص سفارشی می شوند. ارزش نگاه کردن به الگوهای مدرن را دارد، هیچ یک تم واحد، به استثنای موارد نادر، بدون نوعی نوار لغزنده پلاگین یا چرخش تصویر ساده کامل نمی شود. بنابراین قابل درک است که بسیاری از توسعه دهندگان وب می خواهند چیزی شبیه به این را در زرادخانه خود به دست آورند و خوانندگان خود را با ارائه مؤثر تصاویر در سایت های خود به طور کامل شگفت زده کنند.

در ادامه سری بررسی‌هایم درباره راه‌حل‌های ایجاد جدید در حال ظهور، تصمیم گرفتم مجموعه کامل‌تری از اسلایدشوها و گالری‌های عکس جالب و مؤثری را که تا به حال دیده‌ام، با استفاده از جادوی jQuery ایجاد کنم، جمع‌آوری کنم.
می‌خواهم فوراً به شما هشدار دهم که منابعی که در بررسی مورد بحث قرار خواهند گرفت عمدتاً به زبان انگلیسی هستند، اما فکر می‌کنم هر کسی که به آن نیاز داشته باشد آن را به طور مستقیم یا با کمک مترجمانی که حداقل ده‌ها سکه از آن‌ها وجود دارد متوجه خواهد شد. . و اگر با دقت جستجو کنید، می توانید توضیحاتی در مورد تکنیک ایجاد برخی گالری ها و اسلایدرها به زبان روسی بیابید، زیرا بسیاری از توسعه دهندگان وب ما در فرآیند کار بر روی یک پروژه خاص، ابتدا برای خود ترجمه می کنند و سپس توضیحات مفصلی از همه آنها ارسال می کنند. دستکاری های آنها در دسترسی آزاد .
بنابراین، برای مثال، من هم همین کار را انجام دادم، زمانی که مکانیسم ایجاد را کار می کردم، ابتدا یک گزینه گالری مناسب برای خودم در بورژوازی پیدا کردم، آن را برای درک بهتر کاری که انجام می دادم ترجمه کردم، و بعداً جرات کردم. امیدواریم، مقاله بدی در مورد استفاده از اسکریپت Highslide با نمونه هایی از کار در انواع مختلف برنامه باشد.
و بنابراین، به اندازه کافی اشعار غیر ضروری، بیایید مستقیماً به بررسی برویم، نگاه کنیم، توضیحات مختصری را بخوانیم و از بین تعداد زیادی افزونه و اسکریپت جدید jQuery انتخاب کنیم تا اسلایدرهای جالب، گالری عکس، نمایش اسلاید را در سایت های خود پیاده سازی کنیم: با تغییر خودکار و دستی اسلایدها، لغزنده های تصویر پس زمینه، با و بدون ریز عکسها و غیره. و غیره...

از.سایت | نسخه ی نمایشی

یک گالری عکس jQuery کامل و قابل تنظیم با عناصر نمایش اسلاید، جلوه های انتقال و گزینه های متعدد آلبوم. سازگار با تمام مرورگرهای مدرن دسکتاپ و موبایل.

راهنمای ایجاد یک گالری تمام صفحه مبتنی بر جی کوئری. ایده این است که تصویر بند انگشتی تصویر تمام صفحه نمایش داده شده را در کنار هم نشان دهیم، با انعکاس در هنگام حرکت در میان تصاویر با استفاده از فلش ها یا کوک ماوس. تصاویر بزرگ بسته به انتقالی که انتخاب می کنید، در سبک نمایش اسلاید به بالا یا پایین تغییر می کنند. قابلیت تغییر مقیاس تصویر، که باعث می شود تصویر در پس زمینه برای مشاهده در حالت تمام صفحه یا متناسب با اندازه صفحه باشد.

لغزنده اختلاف منظر

لغزنده اختلاف منظریک راه حل جالب برای نمایش تصاویر در قالب یک نمایش اسلاید با کنترل های دستی. محل اصلی ریز عکسها را جذب می کند. سایت رسمی دارای تفکیک کاملی از ادغام و پیکربندی اسلایدر است.

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

این یک نمایش اسلاید تمام صفحه با تغییر خودکار تصاویر، بدون افکت های ذهنی است، همه چیز ساده و سلیقه ای است.

گالری مینیمیتیک پلاگین jQuery بسیار قابل تنظیم با طیف گسترده ای از انتقال تصویر است. با استفاده از گالری Minimit، می‌توانید نمایشی از تصاویر را در قالب یک چرخ فلک، یک نمایش اسلاید، یک چرخاننده ساده و یک اسکرول تصویر معمولی سازماندهی کنید.

یک پلاگین کوچک (2 کیلوبایت) جی کوئری است که روشی ساده و بی معنی برای نمایش تصاویر به صورت اسلایدشو ارائه می دهد.

یک گالری جاوا اسکریپت زیبا با کنترل های بصری و سازگاری یکپارچه با همه رایانه ها، آیفون ها و دستگاه های تلفن همراه است. نصب و پیکربندی بسیار آسان است

برخلاف بسیاری از اسلایدرهای تصویر جاوا اسکریپت و جی کوئری، Slider.js یک راه حل ترکیبی است که کارایی انتقال ها و انیمیشن های CSS3 بر اساس .

این یک قالب یک صفحه ای برای ایجاد ارائه های مختلف در HTML5 و CSS3 است.

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

چیزی بیش از ابزار دیگری برای ایجاد نمایش اسلاید در وب سایت ها و سایر پروژه های وب نیست. پشتیبانی از تمام مرورگرهای مدرن، انیمیشن های افقی و عمودی، پشتیبانی از انتقال های سفارشی، API بازگشت به تماس و موارد دیگر. شما می توانید از هر عنصر html در اسلایدها استفاده کنید، برای مبتدیان قابل درک و در دسترس است، کاملا رایگان توزیع می شود.

نمایش اسلاید جاوا اسکریپت برای توسعه چابک

نمایش اسلایدهای خود را با این افزونه شگفت انگیز جی کوئری سفارشی کنید. ابزاری با قابلیت شخصی سازی بسیار بالا که می توانید محتوای خود را مطابق با نیازهای خود بسازید. برای ادغام آسان تر با داده های خارجی یا داده های CMS خود، فرمت داده به صورت . این یک نسخه جدید است و از ابتدا نوشته شده است. توسعه دهندگان سعی کرده اند کل فرآیند کار با زاده فکر خود را به قابل درک ترین و قابل فهم ترین شکل توصیف کنند.

یک پلاگین جی کوئری است که به شما امکان می دهد لیست های نامرتب را به نمایش اسلاید با جلوه های انیمیشن جذاب تبدیل کنید. در یک نمایش اسلاید، می توانید لیستی از اسلایدها را با استفاده از اعداد یا تصاویر کوچک و یا با استفاده از دکمه های قبلی و بعدی نمایش دهید. این نوار لغزنده دارای انواع مختلفی از انیمیشن اولیه است، از جمله مکعب (با زیرنماهای مختلف)، لوله، بلوک و غیره.

مجموعه کاملی از ابزارها برای سازماندهی انواع ارائه مطالب مختلف در پروژه های وب شما. بچه های بورژوا تمام تلاش خود را کردند، تقریباً انواع اسلایدرها و گالری های مختلف در این کلیپ با استفاده از جادوی jQuery گنجانده شد. نوار لغزنده عکس، گالری عکس، نمایش اسلاید پویا، چرخ فلک، نوار لغزنده محتوا، منوی برگه ها و بسیاری موارد دیگر، به طور کلی، فضایی برای پرسه زدن تخیل خستگی ناپذیر ما وجود دارد.

این یک پلاگین نمایش اسلاید جی کوئری است که با در نظر گرفتن سادگی ساخته شده است. تنها با مفیدترین مجموعه ای از ویژگی ها برای مبتدیان و توسعه دهندگان پیشرفته به طور یکسان بسته شده است، که توانایی ایجاد نمایش های اسلاید ساده و در عین حال بسیار موثر کاربرپسند را فراهم می کند.

- یک نوار لغزنده ساده که بر روی jQuery ساخته شده است، از همه جهات ساده است، نیازی به مهارت خاصی ندارد، فکر می کنم برای بسیاری از آنها برای پیاده سازی یک نمایش اسلاید در سایت های خود مفید خواهد بود. این افزونه در تمام مرورگرهای مدرن از جمله IE آهسته آزمایش شده است.

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

یک پلاگین jQuery با استفاده آسان برای نمایش عکس های شما به صورت اسلاید شو با افکت های انتقال بین تصاویر (دیده شده و جالب تر). jqFancyTransitions سازگار است و به طور گسترده با Safari 2+، Internet Explorer 6+، Firefox 2+، Google Chrome 3+، Opera 9+ آزمایش شده است.

یک افزونه رایگان جی کوئری برای مشاهده تصاویر و سایر اطلاعات در فرم لایت باکس است. پنجره پاپ آپ با کنترل، پس زمینه سایه دار و همه، ساده و خوش سلیقه.

یکی دیگر از پلاگین های جی کوئری از سری لایت باکس، اگرچه وزن آن بسیار کم است (9 کیلوبایت)، در حالی که فرصت های زیادی برای کار دارد. یک رابط طراحی مناسب وجود دارد که همیشه می توانید آن را با CSS بهبود یا سفارشی کنید.

در حال حاضر از نام مشخص می شود که هیچ چیز جالبی نیست، ما یک اسکرول خودکار تصویر بسیار ساده داریم که کنترل های کاملاً از دست رفته دارد. چه کسی می داند، شاید با مینیمالیسم خود، این نوار لغزنده توجه شما را به خود جلب کند.

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

- یک گالری تصویر تمام عیار به جای یک نوار لغزنده. پیش نمایش تصویر بند انگشتی و امکان انتخاب افکت انتقال، پشتیبانی کامل از همه مرورگرها، شرح مفصل ادغام در یک پروژه وب و توزیع رایگان.

این یک پیاده سازی از نمایش های اسلاید آماده برای استفاده با استفاده از scriptaculous/prototype یا jQuery است. Horinaja نوعی نوآوری است زیرا به شما امکان می دهد از چرخ برای پیمایش در محتوای قرار داده شده در نوار لغزنده استفاده کنید. هنگامی که نشانگر ماوس خارج از ناحیه نمایش اسلاید است، تغییر به صورت خودکار اتفاق می افتد، هنگامی که نشانگر ماوس روی نمایش اسلاید قرار می گیرد، پیمایش متوقف می شود.

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

اسلایدر s3- پلاگین jQuery، یک نمایش اسلاید از لیست نامرتب تصاویر ایجاد می کند و می تواند به راحتی در هر وب سایتی پیاده سازی شود.

این یک پلاگین جی کوئری است که برای مدیریت حجم زیادی از عکس ها و در عین حال صرفه جویی در پهنای باند بهینه شده است.

پس زمینه وگاس

افزونه Vegas Background jQuery به شما این امکان را می دهد که تصاویر پس زمینه تمام صفحه زیبایی را به صفحات وب خود اضافه کنید، همه با عناصر نمایش اسلاید. اگر پیچیدگی های کار با افزونه را به دقت مطالعه کنید، می توانید راه حل های جالب زیادی پیدا کنید، البته اگر فقط به آن نیاز داشته باشید.

- یک نوار لغزنده مانند یک نوار لغزنده، نه بیشتر و نه کمتر، با شرح تصاویر یا اعلام مقالات و کنترل های ساده، با استفاده از روش "poke".

یک جاوا اسکریپت سبک (حدود 5 کیلوبایت) برای نمایش تصاویر است. تغییر اندازه و مقیاس بندی خودکار تصاویر بزرگ، به شما امکان می دهد تصویر را در اندازه کامل در پنجره مرورگر مشاهده کنید.

نسخه 4 گالری تصاویر PikaChoose jQuery در دسترس است! Pikachoose یک نمایش اسلاید سبک وزن جی کوئری با ویژگی های عالی است! ادغام با Fancybox، تم های عالی (اگرچه رایگان نیستند) و موارد دیگر توسط توسعه دهندگان افزونه به شما ارائه می شود.

تعداد تصاویر موجود در لیست شما را بررسی می کند و به صورت پویا مجموعه ای از پیوندهای عکس را به عنوان یک پیمایش دیجیتال ایجاد می کند. علاوه بر این، با کلیک بر روی هر تصویر به جلو یا عقب حرکت می‌کند و همچنین می‌توانید بسته به ناحیه‌ای که روی عکس کلیک می‌کنید، بین تصاویر اسکرول کنید (به عنوان مثال: با کلیک بر روی سمت چپ تصویر، اسلایدها به جلو و عقب حرکت می‌کنند. به ترتیب برای سمت راست تصویر).

یکی دیگر از نوار لغزنده جی کوئری که کاملاً در هر قالب وردپرس قرار می گیرد.

توسعه دیگر "Nivo"، مانند هر کاری که بچه های این استودیو انجام می دهند، این افزونه با کیفیت بالا ساخته شده است، شامل 16 افکت انتقال منحصر به فرد، ناوبری صفحه کلید و موارد دیگر است. این نسخه شامل یک افزونه اختصاصی به طور مستقیم برای وردپرس است. بنابراین برای همه طرفداران این موتور وبلاگ نویسی، Nivo Slider برای موضوع مناسب خواهد بود.

پلاگین جی کوئری که به شما امکان می دهد به سرعت یک اسلایدر ساده، موثر و زیبا برای تصاویر با هر اندازه ایجاد کنید.

پیروباکس- این یک اسکریپت سبک وزن jQuery "lightbox" است، نمایش در یک بلوک پاپ آپ انجام می شود که به طور خودکار اندازه تصویر را با تمام کنترل ها تنظیم می کند.

سازندگان این گالری یک نمایش نسبتاً اصلی از تصاویر ارائه می دهند. تصاویر به صورت ریز در یک شکل موج نمایش داده می شوند، وقتی روی تصویر کوچک کلیک می کنید، یک نسخه متوسط ​​از تصویر را می بینیم، برای بار دوم کلیک کنید و یک تصویر بزرگ خواهید داشت. شما می توانید این را یک آزمایش در نظر بگیرید، اما باید اعتراف کنید، چیزی جدید و غیر معمول همیشه جالب است.

نمایش اسلاید تمام صفحه با HTML5 و jQuery

برای ایجاد نمایش اسلاید و نمایش تصاویر در حالت تمام صفحه، توسعه دهندگان از افزونه Vegas jQuery که قبلاً برای شما آشنا بود، استفاده کردند که حاوی بسیاری از ایده ها و تکنیک هایی است که قبلاً به طور مفصل در مقالات گروه توضیح داده شده بود. جذب عناصر صوتی HTML5 و سبک انتقال بین تصاویر.

یکی دیگر از پیشرفت های تیم Codrops، یک گالری تصاویر تمام عیار و کاربردی است، با این حال، توضیح آن چه فایده ای دارد، باید آن را ببینید.

نمایش اسلاید تصویر، تصاویر درست در مقابل چشمان شما ناپدید می شوند، اثر فوق العاده است.

این یک چارچوب گالری تصاویر جاوا اسکریپت است که بر اساس کتابخانه jQuery است. هدف این است که فرآیند توسعه یک گالری تصاویر حرفه ای برای وب و دستگاه های تلفن همراه را ساده کنید. امکان مشاهده در یک پنجره پاپ آپ و در حالت تمام صفحه وجود دارد.

بی سر و صدا کم کم داریم به آن عادت می کنیم و منتظر کارهای جدید تیم Codrops هستیم. لطفاً یک نوار لغزنده تصویر عالی با جلوه انتقال سه بعدی عالی برای مشاهده تصاویر در حالت تمام صفحه دریافت کنید.

یکی دیگر از افزونه های سازمان دهنده نمایش اسلاید برای وردپرس. به راحتی تقریباً در هر طراحی ادغام می شود و گزینه های سفارشی سازی زیادی را برای کاربران پیشرفته و کاربران بی تجربه به طور یکسان ارائه می دهد.

افزونه دیگری که برای وردپرس نوشته شده است، سازماندهی نمایش اسلاید تصاویر یا هر محتوای دیگری را در وبلاگ شما بسیار آسان تر می کند.

افزونه نمایش اسلاید خوب برای ادغام وردپرس. Xili-floom-slideshow به طور خودکار نصب می شود و تنظیمات شخصی نیز مجاز است.

Slimbox2یک افزونه وردپرس شناخته شده برای نمایش تصاویر با افکت "Lightbox" است. پشتیبانی از نمایش اسلاید خودکار و تغییر اندازه تصویر در پنجره مرورگر. و به طور کلی این افزونه نسبت به سایر افزونه های این سری برتری های زیادی دارد.

این افزونه، ویجت به شما اجازه می دهد تا نمایش های اسلاید و ارائه های پویا و قابل کنترلی را برای وب سایت یا وبلاگ خود ایجاد کنید که توسط وردپرس طراحی شده است.

این افزونه وردپرس تصاویر گالری تعبیه شده را به یک نمایش اسلاید ساده و انعطاف پذیر تبدیل می کند. این افزونه از نوار لغزنده تصویر jQuery FlexSlider و تنظیمات برگزیده کاربر استفاده می کند.

یک افزونه وردپرس برای سازماندهی نمایش اسلاید عکس‌ها، تصاویر از SmugMug، Flickr، MobileMe، Picasa یا Photobucket RSS است که با استفاده از جاوا اسکریپت خالص ارائه و نمایش داده می‌شود.

یک اسلایدر ساده برای وردپرس و نه تنها. هیچ چیز اضافی و دست و پا گیر نیست، کار به سبک مینیمالیستی انجام شده است، تاکید بر ثبات و سرعت است، کاملا به موتور مدیریت وبلاگ متصل می شود.

به نظر من Skitter یکی از بهترین اسلایدرهای وردپرس است. ثبات و سرعت، کنترل های نه چندان برجسته، جلوه های انتقال و اتصال نسبتاً ساده به موضوع را جذب می کند.

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

از.سایت | نسخه ی نمایشی

تمام تصاویر یک پست/صفحه را به صورت اسلاید نمایش می دهد. نصب آسان. این افزونه برای نسخه انیمیشن انتقالی به Adobe Flash نیاز دارد، اگر Flash یافت نشد، نوار لغزنده به طور معمول کار می کند.

یک نوار لغزنده ساده دیگر برای وردپرس که تصاویر پست ها و پیش نمایش کوتاه مقالات را نشان می دهد. من هر از گاهی از چنین افزونه ای در این وبلاگ استفاده می کنم.

Meteor Slides یک نوار لغزنده وردپرس جی کوئری با بیش از بیست سبک انتقال برای انتخاب است. نویسنده این افزونه را "شهاب" نامیده است، احتمالاً به معنای سرعت کار است، شاید من متوجه هیچ چیز شهاب سنگی نشدم.

oQey Gallery یک گالری عکس کامل با عناصر نمایش اسلاید برای وردپرس، با قابلیت های ویدئویی و موسیقی جاسازی شده است.

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

افزونه Flash Gallery با پشتیبانی از چندین آلبوم در هر پست، مرور تمام صفحه و حالت نمایش اسلاید، گالری های معمولی شما را به دیوارهای تصویر خیره کننده تبدیل می کند.

WOW Slider یک نوار لغزنده jQuery برای وردپرس با جلوه های بصری شگفت انگیز (Explosion، Fly، Blinds، Squares، Fragments، Base، Fade، Stack، Vertical Stack و Linear) و قالب های حرفه ای رندر شده است.

Promotion Slider یک پلاگین جی کوئری است که ایجاد یک نمایش اسلاید ساده یا چندین منطقه تبلیغاتی چرخان را در یک صفحه آسان می کند، زیرا بسیار قابل تنظیم است، بنابراین کنترل کاملی بر آنچه در نوار لغزنده نشان می دهید و نحوه عملکرد ماژول به طور کلی خواهید داشت.

| نسخه ی نمایشی

جدید در نسخه 2.4: پشتیبانی از مرتب‌سازی عکس drag-n-drop مستقیماً از طریق ویرایشگر وردپرس و همچنین امکان افزودن لینک عکس به تصاویر اصلی. (IE8 ممکن است دارای اشکال باشد، در همه مرورگرهای اصلی عالی کار می کند. نویسندگان قول پشتیبانی کامل از IE8 در آینده را می دهند.)

| نسخه ی نمایشی

آکورد پایانی این بررسی این افزونه برای وردپرس خواهد بود، اسلایدر دیگری با جلوه های بصری جالب انتخاب و تغییر تصاویر.

من به همه موارد بالا نگاه می کنم و تعجب می کنم که چه تعداد زیادی از افراد شیک دارند، و این بسیار دور از آن چیزی است که توسعه دهندگان مختلف وب اخیراً در مورد سازماندهی تصاویر در پروژه های وب جمع کرده اند. خیلی خوب است که اکنون می توان چنین راه حل های فوق العاده ای را برای ایجاد گالری ها و نمایش های اسلاید زنده کرد.
به جرات می توانم بی سر و صدا امیدوار باشم که در این مجموعه چیز جالبی برای خود بیابید، گالری یا اسلایدر منحصر به فرد خود را ببندید، تا کاربران خود و البته عزیزان خود را خوشحال کنید، و بدون آن کجا.. .

لانگ موضوع را برای موضوع امروز انتخاب کرد. در نتیجه متوجه شدم که هنوز انتخابی با آن انجام نداده ایم گالری تصاویر. من فکر می کنم این یک موضوع عالی است زیرا گالری هادر بسیاری از سایت ها وجود دارد. صادقانه بگویم، هیچ کدام از آنها خیلی جذاب نیستند. با توجه به روند توسعه فعلی جی کوئری، html5و غیره فکر کردم، زیرا در حال حاضر باید راه حل های بسیار جذاب تر از راه حل هایی که قبلاً ملاقات کردم وجود داشته باشد. بنابراین. پس از صرف یک روز، موفق شدیم تعداد زیادی فیلمنامه را پیدا کنیم. از بین این همه کوه، تصمیم گرفتم فقط انتخاب کنم، زیرا دوست دارم، همانطور که قبلاً در پست های قبلی متوجه شده اید.
گالری تصاویرنه تنها به با آلبوم عکس. از فیلمنامه می توان استفاده کرد، من فکر می کنم که حتی درست تر خواهد بود، همانطور که نمونه کارها برای عکاسان، طراحانو غیره. افکت های جی کوئریبه جلب توجه بازدیدکنندگان کمک می کند و به سادگی به سایت شما زیبایی می بخشد.
بنابراین. مجموعه برای توجه شما پلاگین های گالری تصاویر جی کوئری برای وب سایت.
نظر فراموش نشه و به خاطر بسپارید، برای اینکه این مجموعه را از دست ندهید، می توانید با کلیک بر روی ستاره پایین مقاله، آن را به علاقه مندی های خود اضافه کنید.

فتوباکس

گالری عکس رایگان، سبک و پاسخگو، که در آن تمام افکت ها، انتقال ها با استفاده از css3 انجام می شود. ایده آل برای ایجاد یک وب سایت نمونه کارها برای یک عکاس.

گالری اس

جذاب پلاگین گالری تصاویر جی کوئری. این انیمیشن با css3 کار می کند.

DIAMONDS.JS

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

سوپرباکس

گالری تصاویر مدرن با استفاده از jquery، css3 و html5. همه ما به این واقعیت عادت کرده ایم که وقتی روی پیش نمایش کلیک می کنید، تصویر کامل در یک لایت باکس (پنجره پاپ آپ) باز می شود. توسعه دهندگان این پلاگین به این نتیجه رسیدند که لایت باکس در حال حاضر از کاربرد آن گذشته است. تصاویر این گالری در زیر پیش نمایش باز می شوند. نسخه ی نمایشی را بررسی کنید و ببینید که چگونه این راه حل بسیار مدرن تر به نظر می رسد.
|

گالری محو مورب صاف

گالری مدرن تصاویر که در آن پیش نمایش ها در کل فضای صفحه نمایش توزیع می شوند. این اسکریپت می‌تواند پوشه‌ای را با عکس‌های روی سرور اسکن کند، یعنی لازم نیست هر تصویر را جداگانه درج کنید. کافی است تصاویر را در یک پوشه در سرور آپلود کنید و مسیر دایرکتوری را در تنظیمات مشخص کنید. سپس اسکریپت همه کارها را خودش انجام خواهد داد.

گالری گاما

گالری تصاویر شیک، سبک و پاسخگو با شبکه ای به سبک Pinterest که اکنون بسیار محبوب است. اسکریپت هم روی کامپیوترهای ثابت و هم روی آن به خوبی کار می کند دستگاه های تلفن همراه با هر رزولوشن صفحه نمایش یک راه حل عالی برای ایجاد یک نمونه کار طراحان وب.

شبکه بند انگشتی با پیش نمایش در حال گسترش

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

jGallery

jGallery است تمام صفحه، گالری تطبیقیتصاویر. جلوه ها، انتقال ها و حتی سبک به راحتی تنظیم می شوند.

Glisse.js

یک پلاگین ساده اما بسیار موثر برای گالری تصاویر. این دقیقاً راه حلی است که شما نیاز به ایجاد یک آلبوم عکس دارید. این افزونه از آلبوم‌ها پشتیبانی می‌کند و جلوه بسیار جالبی دارد.

جریان موزاییک

ساده، سازگار گالری تصاویر با شبکه سبک Pinterest.

گالری

یکی دیگر از گالری های شبکه ای شیک به سبک Pinterest با فیلتر دسته بندی. در مرورگرها کار می کند: کروم، سافاری، فایرفاکس، اپرا، IE7+، مرورگر اندروید، موبایل کروم، موبایل فایرفاکس.

حداقل.js

عالی گالری تصاویر رایگانبا استفاده از JQUERY، 5 و CSS3. او بسیار جذاب است ظاهرو مطمئناً توجه بازدیدکنندگان شما را جلب خواهد کرد.

flipLightBox

یک گالری ساده از تصاویر. وقتی روی پیش نمایش کلیک می کنید، تصویر کامل در لایت باکس باز می شود.

گالری blueimp

گالری انعطاف پذیر قادر به نمایش در پنجره مدال نه تنها تصاویر، بلکه ویدئو. روی دستگاه های لمسی عالی کار می کند. به راحتی قابل تنظیم است و امکان گسترش عملکرد با افزونه های اضافی وجود دارد (به پلاگین بعدی مراجعه کنید).