גלריות תמונות – מגוון אפשרויות

הקלישאה "תמונה שווה אלף מילים" נאמרה כבר הרבה יותר מאלף פעמים, אבל בכל זאת…
באתרים רבים הגלריה מהווה את לב האתר, בין אם היא ממוקמת בעמוד הבית, בעמוד הקטלוג או בעמודי גלריה יש חשיבות רבה לאייך יוצגו התמונות. אם נשאיל קלישאה נוספת "אל תסתכלו בקנקן אלה במה שבתוכו" נבין שהיא לא לגמרי נכונה במקרה שלנו. אין ספק שאם הקנקן מרהיב ונוח לשימוש ייתכן מאוד שיישתו יותר מיץ וגם טעמו של המיץ ישתפר.

יש מספר לא מבוטל של גלריות שם בחוץ, בפוסט זה נציג מספר גישות להצגת תמונות ע"י הצגה של גלריות נבחרות. כל הגלריות עושות שימוש בספריית Java Script (לרוב בjquery), כולם עובדות גם במכשירים ניידים (מכשירי android למיניהם, iphone, ipad ודומים) ולכולם אפשר לתת אינטרפרטציות שונות ומיוחדות.

סליידר/תמונות מתחלפות

Nivo Slider
nivo slider

הסליידר הפופולארי ביותר, מאפשר מספר רב של מעברים בין תמונות.
קישור: Nivo Slider

Responsive SlideResponsiveSlides

סליידר בסיסי נקי ופשוט. ייתרונו המשמעותי הוא יכולת ההתאמה למכשירים ניידם למינהם.
קישור – Responsive Slide

 

תמונה גדולה פתוחה

Pikachoose Gallery
Pikachoose
גלרייה פופלארית מאוד, יכולה לשמש כסליידר או כגלריה לכל דבר. לגלריה זו ניתן לתפור תבניות עיצוב רבות ושונות – כחומר ביידי היוצר.
סימו לב לתבניות השונות באתר ההדגמה.
קישור: Pikachoose Gallery

Galleriffic
Galleriffic
עוד גלריה המציגה תמוונת גדולות פתוחות עם ממשק קל ונוח
קישור: Galleriffic
Galleria
Galleria[1]
גלרייה עם פקדים מתקדמים, מזכירה גלריית פלאש מפורסמת, תשפטו בעצמכם אם אתם אוהבים.
קישור: Galleria

תמונות מוקטנות ולחיצה מגדילה

Tonic Gallery
tonicGallery[1]
העקרון ידוע, מציגים תמונה מוקטנת, לחיצה פותחת בשכבה מעל. ניתן לשחק עם צבע הרקע של השכבה, השקיפות, אפקט הפתיחה הכפתורים השונים ועוד.
קישור: tonic gallery
Light Box2
lightbox[1]
הגלריה שהתחילה את המגמה של "שכבה מעל" מתעדכנת תדיר. באתר הדגמות למספר מימושים כמו למשל אפקטים שונים של פתיחה, ווידאו ועוד.
קישור: Lightbox2
Fancy Gallery
fancy-gallery1[1]
דומה מאוד לעקרון של הגלריות הקודמות רק עם דוגמא נוספת עם מה אפשר לעשות לשכבה מעל.
קישור: Fancy Gallery

 

מסך מלא

SIDEWAYS
fullscreen[1]

כן, אפשר לנצל את כל המסך להצגת תמונות…. צריך לקחת בחשבון איך אנו רוצים שהתמונה תמלא את המסך, יש מגוון אפשרויות, האם נחתוך את התמונה, נמתח את התמונה או נציג שוליים.
קישור: SideWays

 

גלריות מיוחדות

ZoomBox
ZoomBox[1]

גלריה המשלבת פריסה של מסך מלא + light box כאשר העכבר מנווט.
ייתכן וקצת תזוזתי מידי אבל הרעיון מעניין. שימו לב בצד שמאל, דוגמאות פריסה נוספות.
קישור: ZoomBox

 

Mosaiqy
mosaiqy1[1]
עוד דוגמה נחמדה לחשיבה מחוץ לקופסא, תראו מה קורה שלוחצים על תמונה.
קישור: Mosaiqy

Grid Accordion
grid-accordion[1]
לא יודע מה אתם חושבים על אקורדיון ככלי נגינה אבל כגלריה אנחנו אוהבים…
קישור: Grid Accordion

Ken Burns
Ken_Burns_Slideshow[1]
כתמונה סטטית הגלריה הזו לא נראת מיוחדת.
תנו לחיצה ותראו ותראו בעצמכם שלא מדובר בגלריה סטטית בכלל.
קישור: Ken Burns

סגור לתגובות.