Сбросить положение изображения с сохраненными координатами с помощью jQuery Draggable - PullRequest
Новая
       22

Сбросить положение изображения с сохраненными координатами с помощью jQuery Draggable

0 голосов
/ 12 октября 2010

Я реализовал перетаскиваемое изображение с помощью jQuery-ui Draggable и сохранил координаты в базе данных.

Теперь я получаю координаты и URL-адрес изображения в формате XML.

Я хочу сбросить положение изображения.где это было сохранено.

============= Вот исходный код: ============= 

$.ajax({
             type: "GET",
             url: "devices.xml",
             dataType: "xml",
             success: function(xml) {
                 $(xml).find('device').each(function(){
                    var idText = $(this).attr('id');
                    var longAddress = $(this).find('longAddress').text();
                    var imgSrc = $(this).find('type').text();
                    var xAxis = $(this).find('x-axis').text();
                    var yAxis = $(this).find('y-axis').text();

                    var oNewImg = document.createElement('img');
                    oNewImg.id = idText;
                    oNewImg.src = imgSrc;                                                         

                    document.body.appendChild(oNewImg);

                    var originalLeft = parseInt($('#'+oNewImg.id).position().left);

                    $('#'+oNewImg.id).css('left', (xAxis) + 'px');
                    $('#'+oNewImg.id).css('top', (yAxis) + 'px');});

1 Ответ

1 голос
/ 12 октября 2010

Это может звучать смешно, но почему бы вам не сделать это?Запросите базу данных и для каждого вывода изображения: 

<div class="container">
    <?php
      // SQL query
      $buffer = mysql_query($q);
      while($v = mysql_fetch_assoc($buffer)) {
         echo '<img src="'.$v['url'].'" style="top: '.$v['top'].'px; left: '.$v['left'].'px" />'; 
       }
    ?>
</div>
        <style>
            .container {
               width: 100%;
               height: 100%;
               position: relative;
            }
            .container img {
               position: relative;
            }
        </style>

Если вы получили часть jQuery и сохранили расположение изображений в БД, я не вижу, как у вас могут возникнуть проблемы с их отображением ...

...