כיצד להשתמש במודול color box להצגת פופ-אפים יפים בדרופל?

מחבר:
בתאריך:

אין כמו פופ-אפ מגניב של jQuery כדי לייפות את האתר לדוגמה:

 

לחצו כדי לראות את הפופ-אפ

 

, ובדרופל קל להשיג את התוצאה באמצעות מודול פשוט מאוד לתפעול ששמו colorbox.

 

כדי להראות את הפופ-אפ:

 

1. מורידים את הפלאג-אין מ-//www.jacklmoore.com/colorbox, מחלצים ל-sites/all/libraries, וקוראים לתיקייה שבה נמצא הפלאג-אין colorbox.

2. מורידים את המודול, ומתקינים אותו מקישורית זו //drupal.org/project/colorbox .

3. יוצרים אלמנט שיכיל את הקישור לתמונה שרוצים להציג. בדוגמה שלמעלה מדובר בקישורית:

<a href='my_image'>משהו שייראה למשתמש</a>

ועכשיו, כדי שהתמונה תפתח כפופ-אפ מגדירים 'class='colorbox. קוד ההטמ"ל ייראה כך:

<a class='colorbox' href='my_image'>משהו שייראה למשתמש</a>

4. לוחצים על הפופ-אפ, ונהנים מהתוצאה. 

הוסף תגובה חדשה

 

= 9 + 2