Пятница, 22 Ноября 2024, 23:11

Приветствую Вас Гость

[ Новые сообщения · Игроделы · Правила · Поиск ]
  • Страница 1 из 1
  • 1
Вывод ссылки в "a href" средствами JS
НевесомыйДата: Суббота, 14 Марта 2015, 00:18 | Сообщение # 1
был не раз
Сейчас нет на сайте
Есть JS код:

Код
var imgs = $('.poster-min img').eq(0).attr('src');
     $('.general').prepend('<a class="fancybox" rel="group" href="' + imgs + '"><img src="' + imgs + '" height="263" align="absbottom"></a>');
     $('.poster-min img').click(function() {
         $('.general').find('img').attr('src', $(this).attr('src'));
     });
     $('.poster-min li').eq(0).addClass('active');
     $('.poster-min li').click(function() {
         $('.poster-min li').removeClass('active');
         $(this).addClass('active');
     });


И html код:
Код

<div class="general">
<a class="fancybox" rel="group" href=""><img src="/app/289650/1.jpg" height="263" align="absbottom"></a>
</div>




При нажатии на одну из миниатюр меняется ссылка в "img src". Каким образом вывести эту же ссылку в "href"? Если просто вставить в него "' + imgs + '" - ссылка есть, но статичная, т.е. при нажатии на миниатюры она не меняется, а нужно чтобы менялась.

P.S. на "undifined" не обращайте внимания, экспериментировал. Как и написал выше: ссылка есть, но статичная.
aallaДата: Суббота, 14 Марта 2015, 07:07 | Сообщение # 2
постоянный участник
Сейчас нет на сайте
поищи тут готовое решение
froexДата: Суббота, 14 Марта 2015, 07:15 | Сообщение # 3
Руководитель Froexilize team
Сейчас нет на сайте
Присвой управляемым элементам уникальность путём добавления уникального имени или идентификатора. После этого ищи элемент по имени или идентификатору семейством функций getElementBy[вставить_нужное]. Для полученных объектов можно исправлять поля .src, .innerHTML, .href и т.п. (в зависимости от полученного объекта).
Код
<html>
<head>
</head>
<body>
<script type="text/javascript">
function chgImg(image_name) {
        if(document.images) {
            document.getElementById("big_image").src = image_name;
        }
}
</script>
<img id="big_image" src="image1.png">
<br/>
<a href="javascript:chgImg('image1.png')">1</a>
<a href="javascript:chgImg('image2.png')">2</a>
<a href="javascript:chgImg('image3.png')">3</a>
</body>

Поиграйся также с .innerHTML и .href полями.
Например, для ссылки:
document.getElementById("link_id").href = "/image_link.php";


Не превращайте форум в чат. Пишите более развернуто и понятно - всё равно вас попросят объяснить подробнее.
Алгоритмы, программирование, оптимизация, тестирование, ведение проектов.
Ищу художника, дизайнера, тестера, программистов С и С++
Обучаю процессам разработки и программированию.


Сообщение отредактировал froex - Суббота, 14 Марта 2015, 07:20
  • Страница 1 из 1
  • 1
Поиск:

Все права сохранены. GcUp.ru © 2008-2024 Рейтинг