>
Категории вопросов
Задать вопрос +

Основное

Контент-модули

Продвижение сайта

Управление сайтом

Доп. модули

Вебмастеру

Похожие вопросы



Как правильно прописать ссылку к картинке?

Голоса: +1

На этой странице http://yougo.do.am/index/0-2

скрипт стоит в стиле круг, нажимаешь изначально на кружок в центре и появляются 8 круглых картинок

Как сделать так чтобы при нажатии на эту 

картинку я перешел по ссылке?

ХТМЛ код скрипта:

<!DOCTYPE html>
<html lang="en" class="no-js">
 <head>
 
 
 <link rel="stylesheet" type="text/css" href="http://yougo.do.am/css/normalize.css" />
 <link rel="stylesheet" type="text/css" href="http://yougo.do.am/css/demo.css" />
 <link rel="stylesheet" type="text/css" href="http://yougo.do.am/css/cs-select.css" />
 <link rel="stylesheet" type="text/css" href="http://yougo.do.am/css/cs-skin-circular.css" />
 <!--[if IE]>
 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 <![endif]-->
 </head>
 <body class="">
 <div class="container">
 
 <section>
 <select class="cs-select cs-skin-circular">
 <option value="" disabled selected>Выберите элемент</option>
 <option value="1"></option>
 <option value="2">2</option>
 <option value="3">3</option>
 <option value="4">4</option>
 <option value="5">5</option>
 <option value="6">6</option>
 <option value="7">7</option>
 <option value="8">8</option>
 </select>
 </section>
 </div>
 <script src="http://yougo.do.am/js/classie.js"></script>
 <script src="http://yougo.do.am/js/selectFx.js"></script>
 <script>
 (function() {
 [].slice.call( document.querySelectorAll( 'select.cs-select' ) ).forEach( function(el) { 
 new SelectFx(el, {
 stickyPlaceholder: false,
 onChange: function(val){
 var img = document.createElement('img');
 img.src = 'img/'+val+'.png';
 img.onload = function() {
 document.querySelector('span.cs-placeholder').style.backgroundImage = 'url(img/'+val+'.png)';
 };
 }
 });
 } );
 })();
 </script>
 </body>
</html>

 

Адрес сайта http://yougo.do.am/index/0-2
Закрыто с пометкой: Никто не помог(
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Михаил Коллинс

Ответов: 1

голоса: +2

Вот находим ваши иконки:

<div class="cs-options">
<ul>
<li data-option="" data-value="1"><span></span></li>
<li data-option="" data-value="2"><span>2</span></li>
<li data-option="" data-value="3"><span>3</span></li>
<li data-option="" data-value="4"><span>4</span></li>
<li data-option="" data-value="5"><span>5</span></li>
<li data-option="" data-value="6"><span>6</span></li>
<li data-option="" data-value="7"><span>7</span></li>
<li data-option="" data-value="8"><span>8</span></li>
</ul></div>

заменяем на:

<div class="cs-options">
<ul>
<a href="ссылка куда перейти"><li data-option="" data-value="1"><span></span></li></a>
<a href="ссылка куда перейти"><li data-option="" data-value="2"><span>2</span></li></a>
<a href="ссылка куда перейти"><li data-option="" data-value="3"><span>3</span></li></a>
<a href="ссылка куда перейти"><li data-option="" data-value="4"><span>4</span></li></a>
<a href="ссылка куда перейти"><li data-option="" data-value="5"><span>5</span></li></a>
<a href="ссылка куда перейти"><li data-option="" data-value="6"><span>6</span></li></a>
<a href="ссылка куда перейти"><li data-option="" data-value="7"><span>7</span></li></a>
<a href="ссылка куда перейти"><li data-option="" data-value="8"><span>8</span></li></a>
</ul></div>

чтобы каждая иконка перенаправляла на нужную страницу кликнув на нее, сделайте как выделено красным выше.

| Автор:
Юра, у него этого кода не будет, это уже после обработки скриптом такой вид, а вообще это select код а не меню, ссылку там так просто не сделаешь. :)
| Автор:
Вообще не могу найти это ни в css ни в html !?
| Автор:

Юрий, может в самом файле JS где-то ссылку дописать к иконкам?

http://pastebin.com/hbYbVkii

Нашел интересную фразу в файле JS 

 if we want to be redirected when we click an option, we need to define a data-link attr on the option of the native select element.

Где это data-link ?

| Автор:
...