jQuery - добавьте обработчик в jQuery Reel!

Question

Hello!

Я хочу использовать этот плагин jQuery http://jquery.vostrel.cz/reel Я использую сшитую панораму. У меня все отлично работает!

Мне нужен другой обработчик для анимации изображения, потому что у меня есть прозрачный div для этого панорамного изображения, для более крутого аспекта.

Я перепробовал все трюки css, но не повезло, обработчик активируется только над реальным изображением. Могу ли я указать другой div для работы в качестве обработчика?

Большое спасибо!

Answer 1

Адриан,

Вы можете использовать area вариант .reel().Какой бы объект jQuery не был предоставлен через area, он становится чувствительным к взаимодействию с пользователем.

Например, наличие HTML, похожего на это (изображение и некоторый другой узел DOM в любом месте документа):

<img id="my_image" src="some_image.jpg" ... >
...
<div id="other_div">
   This DIV is also interactive
</div>

И включая опцию area:

$('#my_image').reel({
    area: $('#my_image, #other_div')
});

Полученный экземпляр Reel будет управляемым пользователем путем перетаскивания как изображения, так и DIV (при необходимости его также можно установить только для одного DIV).

Счастливого шатания!

Answer 2

Я много искал что-то действительно похожее на это, и после поиска высоких и низких цен нашел способ сделать это.

$('#image').triggerHandler('frameChange',1546);

Я вызвал функцию в плагине reel, которая должна изменить положение изображения. Я запускал это из раздела готовых документов [точка] после того, как плагин reel был запущен на # изображении.

Вы также можете создавать собственные функции внутри плагина и вызывать их (что я и делал изначально)

     cleanup.call(e);
    },
    repositionFrame: function(e, newF){
          set(_frame_, newF);
    }
},

и вызвал его с помощью

.triggerHandler('repositionFrame',1546);

Вы также можете просто вызвать функцию, используя

.trigger('repositionFrame');

Как вы понимаете, первый используется для передачи параметров (для которых вы должны объявить дополнительные переменные в объявлении функции)

Надеюсь, это поможет.