X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> JS вопрос: Как добавить ссылку к картинке?
Rombi
Rombi
Topic Starter сообщение 25.3.2014, 18:45; Ответить: Rombi
Сообщение #1


Хочу сделать лайтбокс для картинок, которые больше определенной ширины.
Но почему-то никак не получается добавить тег A перед img и закрыть его после.
Перепробовал уже и append/prepend и children/parent и html и еще кучу всего.
Подскажите, плиз, как из обычной картинки сделать ссылку-картинку =)

Сообщение отредактировал Rombi - 25.3.2014, 18:47


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ultimato
ultimato
сообщение 25.3.2014, 19:38; Ответить: ultimato
Сообщение #2


Попробуй так с jQuery :)
Код
<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>

<script type="text/javascript" charset="utf8">
  $(document).ready(function(){
    var images = document.getElementsByTagName('img');
    for (var i = 0; i < images.length; i++) {
      var image = images[i];
      var parentElement = image.parentElement;
      var a = document.createElement('a');
      a.href = image.getAttribute('src');
      a.appendChild(image);
      parentElement.appendChild(a);
    }
  });
</script>


--------------------
Создание сайтов на WordPress и OpenCart
Верстка натяжка решение неисправности и.т.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tollun
Tollun
сообщение 25.3.2014, 19:51; Ответить: Tollun
Сообщение #3


в ссылки должна быть ссылка из src?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Rombi
Rombi
Topic Starter сообщение 25.3.2014, 20:06; Ответить: Rombi
Сообщение #4


ultimato, спасибо, помогло.

Tollun, разумеется)


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tollun
Tollun
сообщение 25.3.2014, 20:08; Ответить: Tollun
Сообщение #5


Код
<script>
$(document).ready(function (){
  $('img').each(function(){
    var url = $(this).attr('src')
    $(this).wrap('<a href="'+ url +'"></a>')
  });
});
</script>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ultimato
ultimato
сообщение 25.3.2014, 20:08; Ответить: ultimato
Сообщение #6


Rombi, рад помочь :)


--------------------
Создание сайтов на WordPress и OpenCart
Верстка натяжка решение неисправности и.т.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tollun
Tollun
сообщение 25.3.2014, 20:09; Ответить: Tollun
Сообщение #7


ultimato, извините конечно, но это не jquery а каша
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ultimato
ultimato
сообщение 25.3.2014, 20:17; Ответить: ultimato
Сообщение #8


Tollun, Ну каждый по своему B)


--------------------
Создание сайтов на WordPress и OpenCart
Верстка натяжка решение неисправности и.т.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Rombi
Rombi
Topic Starter сообщение 25.3.2014, 20:23; Ответить: Rombi
Сообщение #9


Узнал про функцию wrap =)
Вот мой код, может, кому-нить пригодится)

Код
    var $img = $('.img');
    $('.img').one('load',function(){
        var CurImg = $(this);
        var width  = CurImg.width();
        var src = CurImg.attr("src");

        if (width > 200){
        CurImg.wrap('<a href="'+src+'" rel="photos"></a>');
        }
    
    })
    .each(function(){
        if(this.complete) $(this).trigger('load');
    });


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kRicha
kRicha
сообщение 25.3.2014, 22:13; Ответить: kRicha
Сообщение #10


Rombi, еще можно использовать методы before() и after()
;)


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1117 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2284 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3911 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3636 24.3.2024, 20:55
автор: Liudmila
Открытая тема (нет новых ответов) Через какой браузер и как можно найти в кэшэ браузера видео
10 Room 1929 23.3.2024, 7:41
автор: Room


 



RSS Текстовая версия Сейчас: 28.3.2024, 17:31
Дизайн