Как обратиться к элементу галерии supersized?
Прошу прощения за дурацкий вопрос...
В галерее supersized формируется массив с элементами картинок. На текущей картинке хочу обратиться к её URL.
jQuery(function($){
$.supersized({
slide_interval : 3000,
transition : 3,
transition_speed : 700,
slides:[
{image : 'http://localhost/1.jpg', title : 'Image1', thumb : 'http://localhost/thumbs/1.jpg'},
....
{image : 'http://localhost/99.jpg', title : 'Image2', thumb : 'http://localhost/thumbs/99.jpg' }
]
});
});
В библиотеке используется переменная $(vars.slide_current). Как обратиться к значению image текущего элемента? Сайт галереи: www.buildinternet.com/project/supersized Спасибо. |
$("li.activeslide[class^='slide-'] a>img").attr('src')
|
Спасибо, Deff!
Но у меня при передаче URL текущей картинки по Вашему код в кнопку "поделиться" для соц.сетей URL не передался.
url: $("li.activeslide[class^='slide-'] a>img").attr('src'),
|
function OutChare () {jQuery(function(){
alert($("li.activeslide[class^='slide-'] a>img").attr('src'));
});}
OutChare ();
Поставьте тест после скрипта запуска слайдера |
Или ссылку на тестовую страницу
|
H.Haller,
api.options.slides[vars.current_slide]['image'] |
Deff, Ваш скрипт работает и выдает url первой картинки!
Но в присваивании в кнопке для vkontakte не срабатывает. Ссылка на страницу: http://raum.biz/myphoto.php?id=673 |
Рони, спасибо!
Но если можно, то подробнее: api.options.... - нет такого определения. |
Цитата:
|
H.Haller,
всё что вы написали в конфиге слайдера это и есть options http://www.buildinternet.com/project...ml#api-options |
Цитата:
|
Рони, простите, конечно.
Однако firebug выдаёт: ReferenceError: api is not defined |
Цитата:
document.write(VK.Share.button({
url: 'http://raum.biz/',
title: 'Мои фотки на TV!',
// image: api.options.slides[vars.current_slide]['image'],
image: $("li.activeslide[class^='slide-'] a>img").attr('src'),
noparse: true
}));
|
H.Haller,
jQuery(function($){ $('.btn').click(function(){ alert(api.options.slides[vars.current_slide]['image']); }); $.supersized({ вот так будет работать |
Deff,
попробуйте это поместить в vk кнопку, немогу сообразить как это ловчее сделать. |
Дык я чот тоже не могу сообразить куда там это вставить :)
|
API работы с вконтактом немаленький скриптик, но вызов вот такой:
<div id="vk_like"></div>
<script type="text/javascript">
document.write(VK.Share.button({
url: 'http://raum.biz/',
title: 'Мои фотки на TV!',
image: $("li.activeslide[class^='slide-'] a>img").attr('src'),
noparse: true
}));
</script>
|
H.Haller,
api находится в той зоне видимости где вы инициализируите плагин. поэтому за пределами jQuery(function($){ обращение к api плагина вызовет ошибку |
<script type="text/javascript">
<script type="text/javascript">
document.write(VK.Share.button({
url: 'http://raum.biz/',
title: 'Мои фотки на TV!',
//description: '',
// image: 'http://raum.biz/',
noparse: true
}));
$(function(){
VK.Share.button.image = $("li.activeslide[class^='slide-'] a>img").attr('src');
});
</script>
|
Deff, сожалею... но не передал картинку скрипт..
|
H.Haller,
Передать должно после клика ? |
|
Спасибо, Deff! Весьма интересная статья по ссылке.
Да, передать URL картинки надо при клике. |
Спасибо, Рони.
Однако никак не удаётся передать в скрипт кнопок соц.сетей параметр URL картинки. P.S. прошу прощения за долгое отсутствие. |
| Часовой пояс GMT +3, время: 01:32. |