کد جابجایی عکس با ماوس

کد جابجایی عکس با ماوس این کد با جکوئری ساخته شده است که به نوشته ها و یا عکسهای شما قابلیت جابه جایی میده یعنی کاربر سایت شما میتونه به سلیقه خودش عکسها رو با کشیدن جابه جاکنه این کد بیشتر در سایتهای نمایش عکس کاربرد داره اما بهتره بگم میشه همه جا از این کد استفاده کرد.مثلا برای تبلیغات و …

کد جابجایی عکس با ماوس

 

دمو کد

<!doctype html>
<html lang="fa">
<head>
  <meta charset="utf-8">
  <title>تغییر مکان عکس با ماوس</title>
  <link rel="stylesheet" href="https://dl.codebazan.ir/uploads/1482857159.css">
  <script src="https://dl.codebazan.ir/uploads/1483643275.js"></script>
  <script src="https://dl.codebazan.ir/uploads/1505446265.js"></script>
  
  <style>
  #draggable { width: 250px; height: 200px; padding: 0.5em; }
  </style>
  <script>
  $(function() {
    $( "#draggable" ).draggable();
  });
  </script>
</head>
<body>
 
<div id="draggable" class="ui-widget-content">  
  <p><img src="https://codebazan.ir/test1.jpg" width=250"/></p>
</div>
 
 
</body>
</html>

کد فوق را میتوانید در ابزار پیش نمایش کدبازان تست نمایید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code