jquery - Перетаскиваемое изображение, когда изображение больше контейнера

Making an image draggable does some pretty wacky things when the image is larger than the container... Does anyone know a way around this?

Here's my code...

<script type='text/javascript' src="scripts/jquery-1.4.2.js"></script>
<script type="text/javascript" src="scripts/jquery-ui.js"></script>

<script type="text/javascript">

    $(document).ready(function() {

        $("img").draggable({ containment: "div", scroll: false });

    });

</script>

<style type="text/css">
    div {
        width:500px; 
        height:423px; 
        position:relative; 
        overflow:hidden;
    }
</style>

and...

<div>
    <img src="images/map.jpg" width="1000" height="845" alt="Map" />
</div>
7 голосов | спросил Tom 25 +04002010-10-25T19:17:03+04:00312010bEurope/MoscowMon, 25 Oct 2010 19:17:03 +0400 2010, 19:17:03

0 ответов


Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132