קבצים
<link rel="stylesheet" href="dist/css/yBox.min.css" />
<script type="text/javascript" src="dist/js/directive.min.js"/>
<script type="text/javascript" src="dist/js/yBox.min.js?lang=he"/>
הפעלה בטעינת הדף
<script> yBox('אפשר להקפיץ את החלון גם לאחר טעינת הדף'); </script>
הפעלה בקריאה לאלמנט דרך JavaScript (אפשר להפעיל דרך ה console לבדיקה)
<div style="display:none;">
<div id="popup" href="#popup">Hello :-)</div>
</div>
<script> yBox('',$('#popup')); </script>
הפעלת פונקציה לפני פתיחת yBox
self = כפתור yBox
function beforeYboxOpen(self){ /* Do something before yBox is open */ };
לחצו כאן לדוגמה
הפעלת פונקציה לאחר פתיחת yBox
self = כפתור yBox
function yBoxIsOpen(self){ /* Do something after yBox is open */ };
לחצו כאן לדוגמה
הפעלת פונקציה לפני סגירת yBox
self = כפתור yBox
function beforeYboxClose(self){ /* Do something before yBox is close */ };
לחצו כאן לדוגמה
הפעלת פונקציה אחרי סגירת yBox
self = כפתור yBox
function afterYboxClose(self){ /* Do something after yBox is close */ };
לחצו כאן לדוגמה
הוספת פרמטר systemmessage בכתובת
https://www.domain.com/?systemmessage=Some text
קישור לאלמנט בדף ( שמכיל קישור yBox פנימי )
לחצו כאן לדוגמה
<a href="#link1" class="yBox"> </a>
קישור חיצוני בתוך Iframe ( class="yBox yBox_iframe" )
<a href="https://www.youtube.com..." class="yBox yBox_iframe"> </a>
קישור לסרטון ( class="yBox yBox_video" )
<a href="/path/to/video.mp4" class="yBox yBox_video"> </a>
הוספת class שונה ( data-ybox-class="my_class" )
לחצו כאן לדוגמה
<a href="#myLink" data-ybox-class="myYboxClass" class="yBox"> </a>
קישור ל- AJAX ( class="yBox yBox_ajax" )
לחצו כאן לדוגמה
<a href="https://www.google.com" class="yBox yBox_ajax"> </a>
תצוגת גלריות עם קבוצות ( data-ybox-group="group_name" )
קבוצה 1
יש גם ALT לתמונות
( data-ybox-alt="Image Alt" )
<a href="image.jpg" data-ybox-group="group1" data-ybox-alt="Image Alt" class="yBox"> </a>
קבוצה 2
<a href="image.jpg" data-ybox-group="group2" class="yBox"> </a>