Триггер Галерея слайдер снаружи по миниатюрам

Question

Триггер Галерея слайдер снаружи по миниатюрам

0

У меня есть слайдер галереи с миниатюрными изображениями.

И мне нужно открыть изображения слайдера со стороны слайдера, по ссылкам. Поэтому я попытался с этим кодом.

Но когда я нажимаю боковые ссылки, он всегда открывает только первое слайд-изображение.

$(window).click(function(){
  var target="#1";  
  $('a[href='+target+']').click()
})

когда я нажимаю 1-й палец, он запускает # 1, но когда я нажимаю 2-й, 3-й 4-й... большим пальцем, он снова запускает тот же номер # 1. но мне нужно, когда я нажимаю второй палец, он должен открыть # 2....

Я использую этот код для сторонних миниатюр. что не так с этим кодом.

    <div class="main">
                    <a href="#1"><img src="images/thumbs/c1.jpg" data-largesrc="images/large/c1.jpg" alt="image01"/></a>
                    <a href="#2"><img src="images/thumbs/c2.jpg" data-largesrc="images/large/c2.jpg" alt="image02"/></a>
                    <a href="#3"><img src="images/thumbs/c3.jpg" data-largesrc="images/large/c3.jpg" alt="image03"/></a>
</div>

этот слайдер работает отлично. но мне нужно щелкнуть эти миниатюры со стороны слайдера, чтобы запускать каждое изображение слайдера.

<ul class="thumb">
   <li><img src="images/thumbs/c1.jpg"  /></li>
   <li><img src="images/thumbs/c2.jpg"  /></li>
   <li><img src="images/thumbs/c3.jpg"  /></li>
</ul>

Когда я нажимаю.thumb, цель должна быть главной.

user3192937 24 фев. 2014, в 04:55

Источник

Теги:

javascript

jquery

1 ответ

Ещё вопросы

Subash Selvaraj · Accepted Answer · 2014-02-24T02-31-00.000Z

0

Лучший ответ

Чтобы инициировать любое событие вручную, вам необходимо использовать метод trigger(). Попробуйте ниже.

$('body').on("click",".thumb li", function(){
    var target= $(this).attr("data-ref");  // target will give you #1 or #2 or #3
    $('.main a[href='+target+']').trigger('click');

});

<ul class="thumb">
   <li data-ref="#1"><img src="images/thumbs/c1.jpg"  /></li>
   <li data-ref="#2"><img src="images/thumbs/c2.jpg"  /></li>
   <li data-ref="#3"><img src="images/thumbs/c3.jpg"  /></li>
</ul>

FIDDLE

Subash Selvaraj 24 фев. 2014, в 02:31

0

этот код также открыть то же изображение слайдера. только первое изображение.
user3192937 24 фев. 2014, в 04:04
0

проверьте мой обновленный код.
Subash Selvaraj 24 фев. 2014, в 04:07
0

У меня есть внешняя ссылка для каждого изображения слайдера. когда я нажимаю первую ссылку, она должна # 1. когда я нажимаю вторую ссылку, она должна # 2. когда я нажимаю третью ссылку, она должна # 3.
user3192937 24 фев. 2014, в 04:10
0

Также я сомневаюсь, что этот $('a[href='+target+']').click() делает в вашем коде?
Subash Selvaraj 24 фев. 2014, в 04:11
0

все еще не работает. проверьте мое новое обновление деталей.
user3192937 24 фев. 2014, в 04:24
0

проверьте мой обновленный код ..
Subash Selvaraj 24 фев. 2014, в 04:33
0

Мой первый код - это открытое первое изображение для всех внешних ссылок. но эти коды не открываются никакими изображениями.
user3192937 24 фев. 2014, в 04:53
0

Когда я нажимаю .thumb, цель должна быть .main.
user3192937 24 фев. 2014, в 05:37
0

проверьте мой обновленный код.
Subash Selvaraj 24 фев. 2014, в 06:31
0

Можете ли вы сказать мне, как изменить этот код для щелчка по ссылкам внутри .main, чтобы вызвать внешние пальцы.
user3192937 24 фев. 2014, в 11:54
0

это приведет к бесконечному циклу щелчка. Скажем, щелкая элемент в .main, вы запускаете событие щелчка соответствующего элемента в .thumb. Поскольку вы добавили прослушиватель щелчков к этому элементу, чтобы вызвать событие щелчка соответствующего элемента в .main, он снова будет вызывать щелчок элемента в .main ... это будет цикл, который не закончится :)
Subash Selvaraj 24 фев. 2014, в 13:05
0

но когда я выбираю сторону, это работает. но когда я нажимаю в сторону, это не вызывает боковые ссылки. Мне нужно вызвать как внутренние, так и внешние ссылки, нажав как внутренние, так и внешние ссылки.
user3192937 25 фев. 2014, в 02:40

Показать ещё 10 комментариев