اسلاید شو در لایت باکس

با استفاده از این پلاگین می توانید در سایت خود یک اسلاید شو در حالت لایت باکس داشته باشید.

آموزش استفاده

۱- فراخوانی کتابخانه پلاگین و خصوصیت ها

        <link id="theme-link" rel="stylesheet" href="../vanillabox/theme/bitter/vanillabox.css" />
	<link rel="stylesheet" href="style.css" />
	<script src="js/jquery-1.9.1.js"></script>
	<script src="js/jquery-ui-1.10.3.custom.js"></script>
	<script type="text/javascript" src="../vanillabox/jquery.vanillabox.js"></script>
	<script type="text/javascript" src="js/configform.js"></script>
	<script type="text/javascript" src="js/configpre.js"></script>

2-  کد html جهت استفاده پلاگین

	<div class="img">
        <a id="img1" href="Koala.jpg" title="Koala">Koala</a><br />
        <a href="Lighthouse.jpg" title="Lighthouse">Lighthouse</a><br />
        <a href="Penguins.jpg" title="Penguins">Penguins</a><br />
        <a href="Tulips.jpg" title="Tulips">Tulips</a>
	</div>
	<script type="text/javascript">
	    $(document).ready(function () {
	        $('.img a').vanillabox({
	            animation: 'default',
	            keyboard: true,
	            loop: true,
	            preferredWidth: 800,
	            preferredHeight: 600,
	            repositionOnScroll: true,
	            type: 'image'
	        });
	    });