Как обернуть Slick-slider js в this?

Question

[jun_dev_vov]

$('.decription-slider .image img').click( function() {
                            $('.decription-slider .slider-img_wrap img',this.value).fadeOut(300).attr('src', $(this).data('big-image')).bind('onreadystatechange load', function(){
                                if (this.complete) $(this).fadeIn(300);
                            });
                        });
 вот этот код при нажатии в галереи на миниатюру, она подгружается в большое изображение, для всех попапов, а надо только для текущего

<div class="decription-slider">                                           
                                            <div class="slider-img_wrap">
											<?php $gallery = get_field('galery',get_the_ID());?>
										
                                                <img src="<?php echo $gallery[0]['url']; ?>" class="thumb-img" alt="">
                                            </div>
                                           
                                            <div class="slider-wrap">
                                                <div class="lazy">
                                                    <?php foreach ($gallery as $item) { ?>

                                                        <div>
                                                            <div class="image"><img src="#"
                                                                                    data-lazy="<?php echo $item['url'];?>"
                                                                                    data-big-image="<?php echo $item['url'];?>"
                                                                                    alt=""/></div>
                                                        </div>
                                                    <?php }  ?>
                                                       <?php unset ($gallery);?>
                                                          
                                                </div>
                                            </div>
                                        </div>

Comments

[Виталий]

а в тег кода нельзя было засунуть, вообще не читаемо же...

Answer 1

[Виталий]

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

Answer 2

[jun_dev_vov]

не совсем... может я не совсем понятно объяснил суть проблемы. есть landingpage-магазин, на нем есть карточки товаров, которые реализованы через bpopap, и в этом bpopap есть галерея товара, которая реализована через slic-slider. когда происходит клик по маленькой картинке в слайдере-она должна стать на место большой, это и происходит но для всех попапов, а нужно только для текущего вот так вот происходит в других попапах

Answer 3

[Tsimur_S]

Через $(this).parents(Селектор) выбери только нужного тебе slider wraper и скрывай его.

Comments

[jun_dev_vov]

не совсем понял- зачем скрывать? мне нужно по клику на data-lazy присвоить его содержимое в thumb-img но только текущего модального popup'а, а оно присваивает абсолютно всем попапам, и в результате то, что на втором прикрепленном изображении(должно быть как в первом изображении)

[Tsimur_S]

ну можешь не скрывать. через parents получаешь ссылку на конкретный попап или слайдер или что вообще тебе нужно и делаешь что захочешь.