Гиперссылка для изображения внутри div

У меня есть несколько div, используемый для слайдера изображения, который содержит путь изображения, как показано ниже.Гиперссылка для изображения внутри div

<div data-src="images/slides/slideone.jpg"> 
      </div> 
<div data-src="images/slides/slideone.jpg"> 
      </div> 
<div data-src="images/slides/slideone.jpg"> 
      </div>

Я хочу добавить гиперссылку на каждое изображение, но как я могу это сделать ...?

источник

2014-10-21 Nathan

Это зависит от того, как построен ваш слайдер. Информация, которую вы нам дали, недостаточно, пожалуйста, создайте скрипку. –

Ребята благодарим за все ваши предложения. Я решил эту проблему очень простым способом. Это выглядит так: -

<div data-src="images/slides/slideone.jpg" data-link="yourlink"> 
      </div> 
<div data-src="images/slides/slideone.jpg" data-link="yourlink"> 
      </div> 
<div data-src="images/slides/slideone.jpg" data-link="yourlink"> 
      </div>

источник

2014-10-22 04:43:01 Nathan

Если ползунок просто статичными и будет оставаться таким же, то вы можете добавить гиперссылку ниже: -

<a href="url">link text</a>

источник

2014-10-21 08:04:49 BNN

не работает Nadeem – Nathan

вы можете показать мне весь ваш ползунок? – BNN

страница не найдена ошибка наступает – BNN

добавить гиперссылку Div можно использовать JavaScript location.href, в onclick случае

<div onlcick="location.href=url"></div>

источник

2014-10-21 08:09:43

проверит этот Nishad Nichoos – Nathan

Существует множество способов сделать это в зависимости от того, какие рамки/компоненты вы используете. Вот несколько простых способов, которые вы можете попробовать:

АЛЬТЕРНАТИВА 1

<a href="PasteYourLinkHere"><div data-src="images/slides/slideone.jpg"> 
      </div></a> 
<a href="PasteYourLinkHere"><div data-src="images/slides/slideone.jpg"> 
      </div></a> 
<a href="PasteYourLinkHere"><div data-src="images/slides/slideone.jpg"> 
      </div></a>

АЛЬТЕРНАТИВА 2

<div data-src="images/slides/slideone.jpg" onclick="location.href='PasteYourLinkHere'"> 
      </div> 
<a href="PasteYourLinkHere">This Text1</a> 

<div data-src="images/slides/slideone.jpg" onclick="location.href='PasteYourLinkHere'"> 
      </div> 
<a href="PasteYourLinkHere">This Text2</a> 

<div data-src="images/slides/slideone.jpg" onclick="location.href='PasteYourLinkHere'"> 
      </div> 
<a href="PasteYourLinkHere">This Text3</a>

источник

2014-10-21 08:13:17 Jay

Hello Jay не работает – Nathan

@Jay ALTERNATIVE 2 не будет работать –

Ребята Я просто пропустил добавление location.href ('URL'), потому что это правильный синтаксис когда вы используете событие onClick для изменения местоположения браузера. Извините за беспокойство. – Jay

<a href="http://www.google.com"><div class="cameraContent cameracurrent" style="display: block;"></div></a>

источник

2014-10-21 08:14:20 Sasa

Не работает Sasa – Nathan

@ user3004642 Он работает, я только что проверил на вашем сайте. Вы должны использовать абсолютный путь в своем URL-адресе – Sasa

-1

Вы пробовали это?

<a href="www.google.com"> 
    <div data-src="images/slides/slideone.jpg"> 
    </div> 
</a>

источник

2014-10-21 08:15:10 chiapa

Да, я пытался не работать ... – Nathan

@ user3004642, на какой адрес вы хотите установить ссылку? – chiapa

Гиперссылка для изображения внутри div

ответ

Смежные вопросы