קבצים

				<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>
			
Hello again :)

קישור חיצוני בתוך 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>