جستجو
زمانی که متن خود را وارد می نمایید در صورت وجود اطلاعات ، اطلاعات مورد نظر بصورت همزمان و بدون زدن هیچ دکمه ای نمایش داده می شود.
عضویت در خبرنامه
جهت لغو عضویت کلیک نمایید
شمارشگر شبکه های اجتماعی
پسندیده
0
فیسبوک
0
توییتر
0
گوگل پلاس
13
لینک ادین
11
نمودار بازدید از موضوع ها
نویسنده : admin تعداد بازدید : ۸۶۹ تاریخ : شنبه,۵ مهر ۱۳۹۳
بزرگنمایی تصاویر با پلاگین جی کوئری
امتیاز دهید
تعداد رای 1 امتیاز 0.9

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

کتابخانه های افزونه  jQuery و PhotoZoom را در سند خود با استفاده از تگ اسکریپت فراخوانی می نمایید.

<script src="jquery.js"></script>
<script  src="photoZoom.min.js"> </script> 
<script> 
$(document).ready(function()
{
$("body").photoZoom();
});
</script> 
//HTML Code
<body>
<img src="one.jpg"/>
<img src="two.jpg"/>
......
......
</body>

برای سفارشی تر کردن آن هم می توانید از خواص CSS استفاده نمایید.

$("body").photoZoom(

zoomStyle : { 
"border":"1px solid #ccc",
"background-color":"#fff",
"box-shadow":"0 0 5px #888"
}
});

رویدادهای  onMouseOver و onMouseOut در این قسمت قرار داده.

$("body").photoZoom(

onMouseOver : function(currentImage){
// do something
},
onMouseOut : function(currentImage){
// do something
}
});
 

دمو بزرگنمایی تصاویر

comments powered by Disqus
تبلیغات
آخرین تصاویر
شهر تاریخی جیزد باغ شازده ماهان عمارت و باغ نشاط (سالار) تقی آباد غار پرده رستم کاروانسرای شاه عباس یونسی حلزون اسب در کوهستان بچه پنگوئن بچه میمون ديگو کاستا دنی آلوز میامی هیت پیرلو فرانچسکو توتی لیونل مسی طوطی دریا جاده زمستانی گورخر ... ... پل کلبه ببر
وضعیت آب و هوا
  • یزد
  • ارومیه
  • اصفهان
  • البرز
  • مشهد
  • شیراز
  • تبریز
  • تهران
  • زاهدان
  • اهواز
  • زنجان
  • رامسر
  • بابلسر
  • کرمانشاه
  • بندرعباس
  • کرمان
  • گرگان
  • یاسوج
  • همدان
  • آبادان
  • مکه
موضوعات مشابه
سفارشی کردن گوگل مپ

سفارشی کردن گوگل مپ

   تعداد بازدید: ۵۴۹
پیغام هشدار از طریق صدا با استفاده از jQuery.

پیغام هشدار از طریق صدا با استفاده از jQuery.

   تعداد بازدید: ۳۸۴
آشنایی با Modernizr و کاربرد آن در HTML5

آشنایی با Modernizr و کاربرد آن در HTML5

   تعداد بازدید: ۴۱۵
قابلیت جدید گوگل reCaptcha(من ربات نیستم؟)

قابلیت جدید گوگل reCaptcha(من ربات نیستم؟)

   تعداد بازدید: ۲۹۱۱
بازی Snake(مار) با HTML5

بازی Snake(مار) با HTML5

   تعداد بازدید: ۳۸۲