ResponsiveSlides получить ALT
Всем добра!
На сайте прикручен ResponsiveSlides.js v1.53 слайдит себе картинки, все хорошо....но! нужно вывести на картинки (в определенные div'ы) различные атрибуты, в том числе Alt. Подскажите, пожалуйста, как именно на этом слайдере такое сделать? Спасибо! |
Symba87,
нужно хотя-бы дать ссылку на документацию по слайдеру, показать html c вашими div и/или Alt ... а так ваш вопрос в никуда. |
Благодарю за внимание на мой пост!
http://responsiveslides.com/ - как я понял, официальный сайт слайдера. На моей же страничке подключаю необходимые скрипты:
<script src="js/jquery.min.js"></script>
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
// Slideshow 1
$("#slider1").responsiveSlides({
maxwidth: 1600,
speed: 600
});
<!-- $('ul#slider1>li>div.alt').html($('ul#slider1>li>img').attr('alt')); -->
});
</script>
и в html вот такой код <!-- Slideshow 1 --> <ul class="rslides" id="slider1"> <li><img src="images/slider1.jpg" alt="Слад1"><div class="alt"></div></li> <li><img src="images/slider2.jpg" alt="Слад2"><div class="alt"></div></li> <li><img src="images/slider3.jpg" alt="Слад3"><div class="alt"></div></li> </ul> <!-- Slideshow 2 --> </div> Думал выводить alt="Слад1" в <div class="alt"></div> |
Symba87,
Вы почти достигли успеха. Однако такая конструкция
$('ul#slider1>li>img').attr('alt')
выводит значение атрибута alt у первого элемента из набора
$('ul#slider1>li>img')
|
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script>
$(function () {
$('ul#slider1>li>div.alt').each(function(i){
$(this).html($('ul#slider1>li>img').eq(i).attr('alt'))
})
});
</script>
<ul class="rslides" id="slider1">
<li><img src="images/slider1.jpg" alt="Слад1"><div class="alt"></div></li>
<li><img src="images/slider2.jpg" alt="Слад2"><div class="alt"></div></li>
<li><img src="images/slider3.jpg" alt="Слад3"><div class="alt"></div></li>
</ul>
|
Цитата:
|
Спасибо! То - что нужно!
|
destus,
Вариант
$('ul#slider1 li').each(function () {
$(this).find('div.alt').html($(this).find('img').attr('alt'));
});
|
Dilettante_Pro,
и ещё 100500 таких вариантов через различные селекторы :) |
destus,
Просто я уже нарисовал, но чуть-чуть не успел выложить:( Отвлекли... |
| Часовой пояс GMT +3, время: 13:32. |