יום רביעי, 16 ביולי 2014

Challenge, Accepted! הוספת זום לתמונות בבלוג

באחד האמשים הקורא Gena שאל אם אפשר לשלב גלרית תמונות טובה יותר בבלוג. אז לא החלפתי את הגלריה הקיימת, אבל כן הוספתי אפשרות לעשות זום על כל תמונה בבלוג כשקוראים על מחשב. על כל תמונה בבלוג (אפילו בפוסטים הראשונים!) אפשר לגלגל עם הגלגלת של העכבר (או לעשות scrolling בכל אמצעי אחר), וזה יעשה זום אין או זום אאוט על התמונה. 
במקור
 זה לא מושלם, כי התמונה גדלה שמאלה, ולא מתמרכזת, אבל כן אפשר לגלול ימינה/שמאלה אחר כך. אני מקווה שזה יעזור למי שרוצה להתסכל על התמונות יותר מקרוב. 

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

הקטע הטכני:
חפרתי קצת, אבל לא ממש מתחשק לי ללמוד JQeury לעומקו של דבר. הפלאגינים הקיימים מאפשרים להוסיף גלריה כמו זו שהיום כבר קיימת בבלוגר כברירת מחדל, ולא רציתי להתחיל ללמוד אותם ולשנות. 
אז חפרתי עוד קצת, ומצאתי את הפוסט הבא: http://www.itechcolumn.com/2011/11/mouse-wheel-zoom-image-blogger.html שנתן לי פחות או יותר את מה שרציתי. עם tweaking מינימלי השגתי את האפקט המתבקש, כמעט. 

2 תגובות:

  1. Nice Find!
    אבל אצלי למשל ב Chrome בדקתי יכולת גלילה ימינה/שמאלה על הפוסט של טיול לעמק היינס מ 22 ליוני - אין יכולת גלילה - לא עם מקשי חיצים, לא פס גלילה אופקי, ולא עם העכבר (תומך בגלילה אופקית).
    הנה צילום מסך:
    http://screencast.com/t/EQsH8FJehrN

    חוץ מזה פתרון יפה של האתגר: זה מהיר, פשוט ועובד - רק צריך להתרגל שלא לגלול עם העכבר שמצביע לתמונה :)

    מעכשיו תעלו יותר תמונות באיכות מאוד גבוהה, נראה לי שאשתי תתחיל להזיל (עוד יותר) רוק על הרי הרוקי :)

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

    אני עוד צריך לפענח איך מוודאים שהתמונות תגדלנה שמאלה.

    בכל אופן, קליק ימני, ופתיחה בטאב חדש גם עובד...

    השבמחק