התוסף לתצוגה מקדימה של קישור מציג תצוגה מקדימה של דף האינטרנט אליו מקשרת הקישור כאשר המשתמש מרחף מעל הקישור וקישור כולל את הכיתה grabzit-preview
. זֶה saveזה זמן המשתמש כאשר מחליטים אילו קישורים הוא זה שהם רוצים.
כדי להתחיל, מקם את השורה למטה בתחתית העמוד מעל לתג גוף הסגירה. ואז החלף את "מפתח היישום" בפועל שלך מפתח יישום. הבא להוסיף את יכולת התצוגה המקדימה לקישור פשוט הוסף את grabzit-preview
שיעור לקישור. לאחר מכן ייקרא באופן אוטומטי ויוצר תצוגה מקדימה.
new GrabzItPreview("Sign in to view your Application Key");
אינך צריך להגדיר אפשרויות תצורה אחרות מזו, עם זאת אתה יכול לציין את כל ה- פרמטרים כללי של GIF, תמונה, ואנימציה באובייקט האפשרויות. לדוגמא בדוגמה הבאה קבענו את הרוחב והגובה להיות 200 x 200.
new GrabzItPreview("Sign in to view your Application Key", {"width": 200, "height": 200});
אם ברצונך לציין כתובת URL אחרת מזו שנמצאה במאפיין href. אתה יכול לציין אחד באמצעות grabzit-href
תכונה למשל.
<a href="http://example.com" grabzit-href="https://www.tesla.com" class="grabzit-preview">My Example</a>
אל תהסס לשנות את ה- JavaScript או את ה- CSS כרצונך! עם זאת אנו מספקים שיעורי CSS מיוחדים שבהם תוכלו להשתמש בכדי לעצב את תיבת התצוגה המקדימה, וכוללים: grabzit-preview-container
, grabzit-preview-caption
, grabzit-preview-loader
ו grabzit-preview-screenshot
.
תצוגה מקדימה של GrabzIt תואמת לחלוטין לבלוג או CMS, כמו וורדפרס, דרופל וג'ומלה. רק תפתח blog-or-cms-install.txt שנמצא בהורדת התוסף, זה כולל את כל JavaScript ו- CSS הנדרשים בלוק אחד. לאחר מכן ניתן להכניס את זה intווידג'ט שמקבל HTML גולמי, ווידג'טים כאלה קיימים ברוב מערכות הבלוג או ניהול התוכן. זכור לאתר אותו בתחתית העמוד לאחר התוכן.