jQuery Cycle Plugin - наведите курсор мыши на изображение паузы?

Question

Можно ли отобразить trasparent .png с помощью команды pause в плагине цикла jQuery?

Я могу заставить его приостанавливаться при наведении курсора на мой DIV, но хотел бы бросить остановленную иконку в центре div при наведении курсора ...

есть мысли?

Answer 1

Я вполне уверен, что jQuery.cycle не имеет этого встроенного. Однако вы всегда можете привязать что-то к тому же элементу, который вызвал паузу:

$('#gallery').cycle({pause:1});
$('#gallery').hover(function() {
  $('#pauseIcon').show();
}, function() {
  $('#pauseIcon').hide();
});

и / или

$('#pause').click(function() {
  $('#gallery').cycle('pause');
  $('#pauseIcon').toggle();
}

Answer 2

Плагин Slides для слайд-шоу для jQuery имеет одну опцию 'hoverPause', вы можете проверить исходный код с http://slidesjs.com

Answer 3

Думайте о них как об отдельных. Например, сделайте паузу цикла при наведении курсора, в то время как у вас есть div, обертывающий ваш видимый кадр изображения, который содержит изображение паузы, расположенное надлежащим образом, которое отображается при наведении курсора на div.