1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

آموزش قرار دادن افکت فوق العاده Zoom روی تصویر

شروع موضوع توسط Mohammad ‏12/5/11 در انجمن vBulletin

  1. Founder

    تاریخ عضویت:
    ‏11/11/10
    ارسال ها:
    13,002
    تشکر شده:
    13,539
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    نحوه نصب :
    ابتدا http://www.vbiran.ir/java/ddpowerzoomer.js را دانلود کنید و روی روت هاست قرار دهید .
    حالا به هر محلی که دوست دارید این کد در اونجا به نمایش در بیاد برید و این کد رو به اون اضافه کنید :
    PHP:
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>  <script type="text/javascript" src="ddpowerzoomer.js">  /*********************************************** * Image Power Zoomer- (c) Dynamic Drive DHTML code library (Dynamic Drive DHTML(dynamic html) & JavaScript code library) * This notice MUST stay intact for legal use * Visit Dynamic Drive at Dynamic Drive DHTML(dynamic html) & JavaScript code library for this script and 100s more ***********************************************/  </script>  <script type="text/javascript">  jQuery(document).ready(function($){ //fire on DOM ready      /*     EXAMPLE 1:     $('#myimage').addpowerzoom()      EXAMPLE 2:     $('img.vacation').addpowerzoom({         defaultpower: 2,         powerrange: [2,5],         largeimage: null,         magnifiersize: [100,100] //<--no comma following last option!     })     */  })  </script> <script type="text/javascript"> jQuery(document).ready(function($){ //fire on DOM ready  $('#myimage').addpowerzoom() }) </script> <img id="myimage" src="http://www.dynamicdrive.com/dynamicindex4/paris.jpg" style="width:200px; height:150px" /> 
     
    بجای عکس مورد نظر http://www.dynamicdrive.com/dynamicindex4/paris.jpg .
    بجاش ارتفاع و پهنا "width:200px; height:150px".
    موفق باشید .
    وی بی ایران .