Cloud Zoom הוא תוסף שנבנה על-ידי ספריית jQuery שמגיע עם תכונות מרשימות. התוסף שוקל 6kb מה שמבטיח טעינה מהירה בכל אתר ודפדפן בעולם. צפייה בתמונות הפך לפעילות הנפוצה ביותר באינטרנט. רוב הגולשים באינטרנט עוסקים בצפייה בתמונות על בסיס יום יומי, בין אם זה ברשתות חברתיות או באתרים כאלה ואחרים. כפי שניתן לומר, תמונה אחת שווה אלף מילים, באינטרנט זה שווה kמיליון. צפייה בתמונות מוגדות באמצעות Cloud Zoom מומלצת עבור אתרים שרוצים להציג תמונה חדה יותר לגולשיו ולתת לגולש אפשרות צפייה מוגדלת של תמונות ועדיין להשאיר אותם מיוחדים.

צפייה בתמונות מוגדלות באמצעות Cloud Zoop

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

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

התוסף ניתן לעריכה והגדרה לצרכים המדויקים שלך באתר. ניתן לעצב את התוסף לצפייה בתמונות באמצעות Css באופן פשוט וקל.

אתר הרשמי: http://www.professorcloud.com/mainsite/cloud-zoom.htm
דוגמה מקומית: CoudZoom
הורדה: לחץ כאן

איך להתקין תוסף לצפייה בתמונות מוגדלות באמצעות Cloud Zoom

נא לפתוח קובץ html חדש
נא לרשום את קוד הבא בתוכו:

    <!-- Load the Cloud Zoom CSS file -->
<!-- You can load the jQuery library from the Google Content Network.
Probably better than from your own server. -->
<!-- Load the Cloud Zoom JavaScript file -->
        <!--
        An anchor with class of 'cloud-zoom' should surround the small image.
        The anchor's href should point to the big zoom image.
        Any options can be specified in the rel attribute of the anchor.
        Options should be specified in regular JavaScript object format,
        but without the braces.
        -->
        <a rel="nofollow" href='http://www.professorcloud.com/images/zoomengine/bigimage00.jpg' class='cloud-zoom' id='zoom1'>
            <img src="http://www.professorcloud.com/images/zoomengine/smallimage.jpg" alt='' />
        </a>
        <!--
        You can optionally create a gallery by creating anchors with a class of 'cloud-zoom-gallery'.
        The anchor's href should point to the big zoom image.
        In the rel attribute you must specify the id of the zoom to use (useZoom: 'zoom1'),
        and also the small image to use (smallImage: /images/....)
        -->

נא לשמור את הקובץ ולהפעיל אותה בדפדפן.
עד כאן, מדריך פשוט להתקנת תוסף לצפייה בתמונות מוגדלות באמצעות Cloud Zoom.