زوم کردن روی عکس با جی کوئری

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

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

1. فراخوانی کتابخانه پلاگین و خصوصیت ها

<link rel="stylesheet" href="css/etalage.css" />
    <script src="js/jquery-1.6.3.min.js"></script>
    <script src="js/jquery.etalage.min.js"></script>
    <script>
        $(document).ready(function () {
            $('#etalage').etalage();
        });
		</script>
		<style>
			body{
				margin: 50px;
			}
			#etalage{
				margin-right: 50px;
				margin-bottom: 50px;
			}
		</style>

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

<ul id="etalage">
			<li>
				<img class="etalage_thumb_image" src="images/image1_thumb.jpg" />
				<img class="etalage_source_image" src="images/image1_large.jpg" />
			</li>
			<li>
				<img class="etalage_thumb_image" src="images/image2_thumb.jpg" />
				<img class="etalage_source_image" src="images/image2_large.jpg" />
			</li>
			<li>
				<img class="etalage_thumb_image" src="images/image3_thumb.jpg" />
				<img class="etalage_source_image" src="images/image3_large.jpg" />
			</li>
		</ul>