آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموزش پلاگین even Zoom در jquery

دوره های مرتبط با این مقاله

آموزش پلاگین even Zoom در JQuery

این پلاگین یک پلاگین اسان برای ایجاد افکت یک ذره بین شفاف مورد استفاده قرار میگیرد.


روش استفاده:

فایل CSS مورد نظر را در پروژه قرار می دهیم.


< link href="dist/evenZoom.css" rel="stylesheet" >

تصویر اصلی و تصویر بزرگ شده را در قسمت body قرار می دهیم.

< div id="demo" data-zoomed="zoomed.jpg" >
  < img src="original.jpg" alt="" >
< /div >

فایل JQuery به همراه evenzoom.js را به پروژه اضافه می کنیم.

< script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" >< /script >
< script src="dist/evenZoom.js" >< /script >

پلاگین را روی عنصر مورد نظر اعمال می کنیم

$ ( "#demo").evenZoom();

می توانیم فاصله لنز را با تکه کد زیر معین کنیم.

$ ( "#demo").evenZoom({
   
	lensPinningDistance: 20
	});

  • 27
  •    16
  • تاریخ ارسال :   1398/10/23

دانلود سورس کد دانلود فیلم آموزشی دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
آموزش پلاگین even Zoom در jquery
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .