С наступающим Новым годом! Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
Pashok2
0 / 0 / 0
Регистрация: 27.02.2014
Сообщений: 4
1

Вставить изображения в ссылку

20.03.2014, 13:21. Просмотров 644. Ответов 6
Метки нет (Все метки)

Добрый день.
Имеется конструкция:
HTML5
1
2
3
4
5
6
    <div class="images">
        <a class="lin" href="адрес1"></a>
        <a class="lin" href="адрес2"></a>
        <a class="lin" href="адрес3"></a>
        <a class="lin" href="адрес4"></a>
    </div>
Мне необходимо при наведении на слой .images получить вот это
HTML5
1
2
3
4
5
6
<div class="images">
        <a class="lin"> <img csr="адрес1" /> </a>
        <a class="lin"><img csr="адрес2" /></a>
        <a class="lin"><img csr="адрес3" /></a>
        <a class="lin"><img csr="адрес4" /></a>
</div>
Три часа ковырялся, но так и не смог победить.
или во все ссылки вставляет одинаковую картинку, или вообще ни чего не вставляет.
Так же не подгружает картинки.
К сожалению в яваскрипт не силен.
Помогите пожалуйста победить.
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
20.03.2014, 13:21
Ответы с готовыми решениями:

Как вставить адрес изображения?
Здравствуйте, скажите пожалуйста. &lt;script type=&quot;text/javascript&quot;&gt; ...

Onclick вставить в ссылку
Есть фильтр, который после всех манипуляций выдаёт &quot;значение1&quot;и&quot;значение2&quot;, как...

Вставить текст в div при клике на ссылку
нужно сделать что бы при клике на разные ссылки открывалась форма с разным...

как вставить данные из поля в ссылку в HTMLe?
В общем так, пользователь вводит своё имя и его нужно отправить на страницу...

Изменение изображения при нажатии на ссылку
Добрый день! Никак не могу осуществить вроде-бы легкую на первый взгляд идею. ...

6
Extalionez
-67 / 1 / 1
Регистрация: 11.12.2012
Сообщений: 145
20.03.2014, 13:39 2
Ну на это даже моего умишка хватит
Javascript
1
2
3
4
5
jQuery( document ).ready(function() {
    jQuery('.images a.lin').hover(function(){
       jQuery( this ).html('<img src="' + jQuery( this ).attr('href') + '" />')
    })
});
Хотя почему у тебя в итоге <a> без href должна остаться? Или ты опечатался?
0
Pashok2
0 / 0 / 0
Регистрация: 27.02.2014
Сообщений: 4
20.03.2014, 13:42  [ТС] 3
Это при наведении на ссылку, а нужно при наведении на слой
Здесь мы сталкиваемся с проблемой, что в слое несколько ссылок и в них должны вставляться разные изображения.
Вот это я не смог решить
0
Extalionez
-67 / 1 / 1
Регистрация: 11.12.2012
Сообщений: 145
20.03.2014, 13:48 4
Ну это тоже можно
Javascript
1
2
3
4
5
6
7
jQuery( document ).ready(function() {
    jQuery('.images').hover(function(){
       jQuery( this ).find('a.lin').each(function (i) {
           jQuery( this ).html('<img src="' + jQuery( this ).attr('href') + '/">')
       })
    })
});
0
doozy
1 / 1 / 0
Регистрация: 20.11.2013
Сообщений: 32
21.03.2014, 02:27 5
Подскажите, пожалуйста, зачем функции нужен параметр i ?
0
Padimanskas
Superposition
935 / 598 / 256
Регистрация: 27.10.2013
Сообщений: 2,070
21.03.2014, 05:35 6
Цитата Сообщение от doozy Посмотреть сообщение
Подскажите, пожалуйста, зачем функции нужен параметр i ?
Так будет понятнее:
Javascript
1
jQuery( this ).find('a.lin').each(function( index, element ) { ...
Функция each переберает элементы набора. Здесь набор из слектора jQuery( this ) передается по цепочке к find.
Параметры передаваемые в коллбек этой функции:
- index - это числовой индекс элемента в наборе
- element - текущий элемент с индексом index

параметры могут вообще отсутствовать или быть записаны по очереди. В нашем случае остался только один параметр - это индекс.
0
Extalionez
-67 / 1 / 1
Регистрация: 11.12.2012
Сообщений: 145
21.03.2014, 09:16 7
Цитата Сообщение от doozy Посмотреть сообщение
Подскажите, пожалуйста, зачем функции нужен параметр i ?
Нафиг он там не нужен
0
21.03.2014, 09:16
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
21.03.2014, 09:16

Смена изображения при наведении курсора на ссылку
есть кусок кода: &lt;img src=li.gif&gt;&lt;a href=one.htm&gt;ONE&lt;/a&gt; &lt;img...

При нажатии на ссылку выделить область изображения
В общем хочу реализовать подобную вещь: исть изображение и 2 ссылки. При...

Как взять часть ссылки средствами JS и вставить эту часть в другую ссылку?
Приветствую! Опишу очень коротко проблему: Открывается страница с таким...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru