Карусель с водяным колесом Jquery с наложенным триггером на центре изображения

Question

Карусель с водяным колесом Jquery с наложенным триггером на центре изображения

0

Я использую плагин водяного колеса jquery и пытаюсь получить изображение центра (только), чтобы наложить наложение по щелчку. Я могу заставить оверлей появляться, когда нажимает какой-либо элемент, но не только центральное изображение.

Вот мой код:

 <script type="text/javascript">
    $(document).ready(function() {
       $("#carousel").waterwheelCarousel({

            clickedCenter: function($clickedItem) {

            $('img[rel]').overlay({

            mask: {
            color: '#000',
            loadSpeed: 200,
            opacity: 0.9
            }    
            });
            }
        });
     });

</script>

Может ли кто-нибудь обнаружить какие-либо очевидные ошибки здесь?

Заранее спасибо.

Mick Jones 05 май 2014, в 19:14

Источник

Теги:

jquery

html

css

carousel

overlay

1 ответ

Ещё вопросы

lesssugar · Answer 1 · 2014-05-05T21-46-00.000Z

Для этого вы используете довольно общий селектор jQuery:

$('img[rel]')

Вероятно, у всех ваших изображений есть атрибут "rel", и поэтому модальность открывается при нажатии любого изображения. Чтобы выбрать конкретное изображение для запуска вашего модального кода, вам нужен определенный селектор, например - например - id:

<div rel="carousel">
<div rel="carousel" id="center">
<div rel="carousel">

а затем измените текущий селектор на:

$('img#center')