דף הבית » ממשק משתמש / UX » כיצד להרחיב תמונות ממוזערות כמו גוגל תמונות

    כיצד להרחיב תמונות ממוזערות כמו גוגל תמונות

    Google Images מפעיל ממשק משתמש ייחודי עם תצוגה מקדימה של תמונות ממוזערות מאתרים שונים. לחיצה על כל התמונות הממוזערות האלה מרחיבה את המסך עם פרטים נוספים ותמונה גדולה יותר.

    זה אחד התכונות הטובות ביותר גלריית תמונות השתמשתי ועכשיו, אתה יכול לשכפל אותו עם Gridder.js.

    זה תוסף חינם jQuery כדלקמן בעקבות UX מדהים של Google על ידי יצירת תוסף שמתאים את האפקט הזה. אתה יכול להפוך כל גלריית תמונות לגלריה בסגנון Google Images עם כל אותן הנפשות ותכונות תצוגה.

    אני מופתע לטובה על ידי מהירות וקלות השימוש שמגיע עם תוסף זה. פשוט לחיצה על תמונה ממוזערת מיד מציג תמונה גדולה יותר ואת האנימציות הם נקיים.

    התמונות כלול סעיף לתיאור תיאורי במקרה שאתה רוצה להוסיף כמה פרטים או קישורים הקשורים התמונות. זה עובד טוב במיוחד עבור אתרי תיק פשוט עם המטרה של התמקדות בתמונות.

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

    כל אירוע קליקים מציע שיטת איתות, כך שתוכל אפילו להפעיל תוספים אחרים או פונקציות JavaScript לצד Gridder. עם כל כך הרבה אפשרויות, זה מרגיש כמעט כמו מסגרת הרשת כולה!

    מאז גרידדר פועל על jQuery, היא דורשת את הגרסה החדשה ביותר כתלות. אבל, זה כל מה שאתה צריך (יחד עם הקובץ Gridder.js), ועם כמה שורות של HTML, אתה יכול לקבל את הרשת שלך פועל בצורה חלקה.

    אתה צריך לבדוק את דף GitHub עבור הוראות התקנה מלאה אבל הנה א תצוגה מקדימה מהירה של מראה HTML:

      
    התוכן מגיע לכאן ...

    כל התוכן מקבל משך דרך, כך שאתה יכול לטעון כמעט כל דבר שאתה רוצה.

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

    Newbie ו Pro מפתחים כאחד ימצאו הרבה ערך זה plugin. עם זאת, אם אתה עדיין לא בטוח אם זה בשבילך תסתכל על Gridder גר הדגמה הדף ולשחק מסביב.