آقا من خودم یه چیزایی در اوردم اما جواب نمیده:
ببینید این لیزی که کم پیدا کردم و حتما باهاش آشنایی دارید وظیفه اش لود عکس هاست فقظ باید براش یه شرط بزارم و بگم که فقط برای عکس های داخل دایو پرنن لود بشه تو رو خدا کمکم کنید...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> jsFiddle demo</title>
<script type='text/javascript' src='//code.jquery.com/jquery-1.9.1.js'></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>
<script src="jquery.scrollstop.js" type="text/javascript"></script>
<style type='text/css'>
.dv
{
width: 200px;
height: 200px;
float: right;
}
.main
{
width: 800px;
height: 800px;
}
.parent
{
width: 300px;
height: 300px;
background-color: black;
overflow: hidden;
cursor:move;
}
</style>
<script type='text/javascript'>
$(window).load(function(){
var moveH = $('#move').height();
var parH = $('.parent').height();
var moveW = $('#move').height();
var parW = $('.parent').width();
var ipH = moveH-parH-8;
var ipW = moveW-parW-8;
$("#move").draggable({containment: [-ipW, -ipH, 8, 8],scroll: false});
$("img.lazy").lazyload({
});
});
</script>
</head>
<body>
<div class="parent">
<div class="main" id="move">
<div class="dv" style="background-color: red;">
<img class="lazy" data-original="http://th04.deviantart.net/fs71/200H/i/2012/254/a/0/picture__21_by_nbd_four-d5edkah.png" width="200" height="200" >
</div>
<div class="dv" style="background-color: silver;">
<img class="lazy" data-original="http://i01.i.aliimg.com/wsphoto/v2/751781587_1/wooden_frames_for_picture_love_photo_wall_mounted_ 5_7_16inches_combination_romantic_fashion_home_dec or_handmade_high_end_crafts.jpg_200x200.jpg" width="200" height="200" >
</div>
<div class="dv" style="background-color: blue;">
<img class="lazy" data-original="http://th07.deviantart.net/fs70/200H/f/2014/055/b/3/randy_in_my_phone___picture_ver__by_ss897366tw-d77sxwp.jpg" width="200" height="200" />
</div>
<div class="dv" style="background-color: fuchsia;">
<img class="lazy" data-original="http://cdn.hungrygowhere.my/users/profile_images/000/032/668/medium/picture.?1380460722" width="200" height="200" />
</div>
<div class="dv" style="background-color: green">
<img class="lazy" data-original="http://rezvanelm.aqr.ir/Portal/Picture/ShowObjectPicture.aspx?&ObjectType=NEWS&ObjectID=eb8e0a67-79f8-4e5c-9af1-8c6bdd6081a9&heigth=60&width=80" width="200" height="200" />
</div>
<div class="dv" style="background-color: orange">
<img class="lazy" data-original="http://assets.dogtime.com/asset/image/4f966738eadf725ead000206/square_200_Pug-5-picture.jpg" width="200" height="200" />
</div>
<div class="dv" style="background-color: aqua;">
<img class="lazy" data-original="http://www.howtodrawmanga3d.com/sites/default/files/users/pictures/picture-21441.jpg" width="200" height="200" />
</div>
<div class="dv" style="background-color: yellow;">
<img class="lazy" data-original="http://1.bp.blogspot.com/_gtJg5XlsGV8/THH13_FO_2I/AAAAAAAABYc/f0_1O7s_vMg/s200/382031318_17f9632b01.jpg" width="200" height="200" />
</div>
<div class="dv" style="background-color: lime;">
<img class="lazy" data-original="http://fc06.deviantart.net/fs71/f/2010/135/9/3/Mr_PingPong_picture_by_CaramelKyandi22.png" width="200" height="200" />
</div>
<div class="dv" style="background-color: aqua;">
<img class="lazy" data-original="http://www.howtodrawmanga3d.com/sites/default/files/users/pictures/picture-21441.jpg" width="200" height="200" />
</div>
<div class="dv" style="background-color: yellow;">
<img class="lazy" data-original="http://1.bp.blogspot.com/_gtJg5XlsGV8/THH13_FO_2I/AAAAAAAABYc/f0_1O7s_vMg/s200/382031318_17f9632b01.jpg" width="200" height="200" />
</div>
<div class="dv" style="background-color: lime;">
<img class="lazy" data-original="http://fc06.deviantart.net/fs71/f/2010/135/9/3/Mr_PingPong_picture_by_CaramelKyandi22.png" width="200" height="200" />
</div>
<div class="dv" style="background-color: red;">
<img class="lazy" data-original="http://th04.deviantart.net/fs71/200H/i/2012/254/a/0/picture__21_by_nbd_four-d5edkah.png" width="200" height="200" >
</div>
<div class="dv" style="background-color: silver;">
<img class="lazy" data-original="http://i01.i.aliimg.com/wsphoto/v2/751781587_1/wooden_frames_for_picture_love_photo_wall_mounted_ 5_7_16inches_combination_romantic_fashion_home_dec or_handmade_high_end_crafts.jpg_200x200.jpg" width="200" height="200" >
</div>
<div class="dv" style="background-color: blue;">
<img class="lazy" data-original="http://th07.deviantart.net/fs70/200H/f/2014/055/b/3/randy_in_my_phone___picture_ver__by_ss897366tw-d77sxwp.jpg" width="200" height="200" />
</div>
<div class="dv" style="background-color: fuchsia;">
<img class="lazy" data-original="http://cdn.hungrygowhere.my/users/profile_images/000/032/668/medium/picture.?1380460722" width="200" height="200" />
</div>
</div>
</div>
</body>
</html>