получить источник изображения текущего слайда в бегунке cycle2

Question

получить источник изображения текущего слайда в бегунке cycle2

0

Я пытаюсь получить источник текущего изображения при установке Cycle2, чтобы перейти к сценарию добавления фотографий AddThis

вот что я смог выяснить из Cycle2 API:

$('.cycle-slideshow').on('cycle-after', function (e, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag) {
    var imgSrc = $(outgoingSlideEl).attr('src');
});

Если мне что-то не хватает, проконсультируйтесь.

user3487822 02 апр. 2014, в 07:14

Источник

0

параметры в функции () являются параметрами по умолчанию. Где я больше всего не уверен, нужно ли добавлять эти значения для входящих и исходящих слайдов в качестве классов?
user3487822 02 апр. 2014, в 05:10
0

хорошо, оба ваши jsfiddles имеют смысл. Слайд-шоу не структурировано со списком, это набор контейнеров div, указанных в цикле php. Имеет ли смысл добавлять "outgoingSlideEl" как класс в div? вот содержимое цикла с дополнительным кодом $ sldshw. = "<div class = 'slide heroSlider slide". $ i. "'> <img src = '". $ property [' image ']. "' title = '". $ property [' name ']."' /> <div class = 'heroImageText'> ". $ property ['heroText']." </ div> </ div> ";
user3487822 02 апр. 2014, в 05:21

Теги:

jquery

jquery-cycle2

2 ответа

0

вы можете попробовать попробовать ниже кода... надеюсь, что это сработает

var imgSrc = $(outgoingSlideEl).find('img').attr('src');

Демо:

http://jsfiddle.net/3vjgJ/42/

Neel 02 апр. 2014, в 02:38

Ещё вопросы

параметры в функции () являются параметрами по умолчанию. Где я больше всего не уверен, нужно ли добавлять эти значения для входящих и исходящих слайдов в качестве классов?
хорошо, оба ваши jsfiddles имеют смысл. Слайд-шоу не структурировано со списком, это набор контейнеров div, указанных в цикле php. Имеет ли смысл добавлять "outgoingSlideEl" как класс в div? вот содержимое цикла с дополнительным кодом $ sldshw. = "<div class = 'slide heroSlider slide". $ i. "'> <img src = '". $ property [' image ']. "' title = '". $ property [' name ']."' /> <div class = 'heroImageText'> ". $ property ['heroText']." </ div> </ div> ";

Rohan Kumar · Accepted Answer · 2014-04-02T02-41-00.000Z

Я думаю, что ваш outgoingSlideEl является list element например li

Затем вы должны использовать find(), чтобы найти ваше image src like,

var imgSrc = $(outgoingSlideEl).find('img').attr('src');

Полный код

$('.cycle-slideshow').on('cycle-after', function(e, optionHash, outgoingSlideEl,
                                                  incomingSlideEl, forwardFlag) {
    var imgSrc = $(outgoingSlideEl).find('img').attr('src');
});

Демо-версия

мы дали почти один и тот же ответ в одно и то же время :))