Как я могу связать изображения Data-SRC на внутреннюю страницу? -- html поле с участием image поле с участием linker пол Связанный проблема

How can I link data-src images to internal page?


0
vote

проблема

русский

Это то, что у меня есть на http://www.hairattheritz.com/untitled.html Мне нравится, как он изменил размер для различных размеров экрана, однако я не могу найти способ сделать его ссылку на домашнюю страницу. Даже никакой ссылки с сценарием я пытался не работать ...

 <код> <figure id="logo">     <div data-picture data-alt="Hair at the Ritz logo">         <div data-src="images/hatr_logo_s.png"> </div>         <div data-src="images/hatr_logo_m.png" data-media="(min-width: 45em)"> </div>         <div data-src="images/hatr_logo.png" data-media="(min-width: 60em)"></div>         <noscript>             <img src="images/hatr_logo.png" alt="Hair at the Ritz Logo" name="logo"       id="logo">         </noscript>     </div> </figure>   

Я надеюсь, что это простое исправление ... где-то Спасибо заранее

Английский оригинал

This is what I have at http://www.hairattheritz.com/untitled.html I love the way it resizes for various screen sizes, however I cannot find a way to make it link to the home page. Even the no script link I tried didn't work...

<figure id="logo">     <div data-picture data-alt="Hair at the Ritz logo">         <div data-src="images/hatr_logo_s.png"> </div>         <div data-src="images/hatr_logo_m.png" data-media="(min-width: 45em)"> </div>         <div data-src="images/hatr_logo.png" data-media="(min-width: 60em)"></div>         <noscript>             <img src="images/hatr_logo.png" alt="Hair at the Ritz Logo" name="logo"       id="logo">         </noscript>     </div> </figure> 

I'm hoping this is a simple fix...somewhere Thanks in advance

</div
        
 
 

Список ответов

0
 
vote

На самом деле ссылка на index.html работает для меня. Может быть, вы просто не можете увидеть изображение, чтобы нажать из-за нескольких проблем с вашей разметкой и JS. Вы должны проверить w3c validator Для получения дополнительной информации.

Вы используете $ знак в JS. Я предполагаю, что вы хотите использовать jQuery? Тогда вы должны сначала включить его. Например, введите следующее в вашем файле HTML:

 <код> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>   
 

Actually the link to index.html is working for me. Maybe you just can't see the image to click on because of several problems with your markup and JS. You should check w3c validator for more info.

You are using the $ Sign in your JS. I assume you want to use jQuery? Then you have to include it first. For example put the following in your html file:

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
</div
 
 
   
   

Связанный проблема

0  JQuery Mobile Link от PHP до HTML не работает, но URL делает изменения  ( Jquery mobile link from php to html not working but url does change ) 
Хорошо, так что когда я вошел в систему в свое приложение (index.html), я принимаю в login.php, отсюда я хочу меню для пользователя, но ни одна из моих ссылок...

0  Запустить функцию JavaScript с использованием C #  ( Trigger javascript function using c sharp ) 
Я должен написать класс C #, который получает содержимое HTML-страницы (страница публичная) и запускает функцию JavaScript, которая загружает файл. Моя цель...

3  Рисование круга с помощью кинетических js  ( Drawing a circle using kinetic js ) 
Я пытаюсь построить очень базовую покраску, используя каркас kinetic JS. Все все идут хорошо, пока не попытался включить функцию формы, которая позволяет поль...

15  CSS округлые углы  ( Css rounded corners ) 
Я видел много кодов для этого, но кажется, что он не работает очень хорошо или вообще. Я использовал картинки для округлых углов, но мне нужен код, так что он...

9  Могу ли я установить два фоновых изображения на одном элементе с CSS?  ( Can i set two background images on the same element with css ) 
Образец HTML-кода: <код> belongs_to :y3 Пример файла CSS: <код> belongs_to :y4 Кажется, что часть «B» игнорируется. Есть ли способ Inlclude как из...

1  Если для JavaScript в XSLT не работает [дубликат]  ( If greater than javascript into xslt doesnt work ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> Этот вопрос уже есть ответы здесь : ...

2  Совет инструмента не работает на текстовой зоне Bootstrap  ( Tool tip not working on text area bootstrap ) 
У меня есть форма Bootstrap 3, на которой я применяю Tootip через скрипт. Toottip работает нормально на поле ввода, но не работает над Textarea. <код> <div ...

0  Возможное решение этой проблемы проектирования?  ( The possible solution to this design issue ) 
Мне нужно знать, как исправить эту проблему в конструкциях форм .. Получение этого в Firefox И это в IE ... Цвет не является проблемой .. Juz Нужно вы...

2  Наличие JSF выпивать поля поиска HTML. Doable?  ( Having jsf spit out an html search field doable ) 
Я не разработчик Java, но работаю с командой, которая использует JSF 1.2 Мы хотели бы начать использовать теги HTML 5 и атрибуты. Не отображается, что JSF 1...

0  Как вы делаете Div пойти по другому меню Div / NAV, которое не исправлено?  ( How do you make a div go under another div nav menu which is not fixed ) 
Я пытаюсь сделать Div, идут под очередной div, в котором ни один не фиксирован элементы. Вот мой код: <Код> ul { list-style-type: none; margin: ...

13  Как центрировать текст внутри якоря  ( How to center text inside anchor tag ) 
Я хочу, чтобы мой якорный тег выглядеть как кнопка, и создала этот стиль jsfiddle <код> watch0 Похоже, как я хочу, но как в центре текста горизонтально...

1  Правильное форматирование ссылки HTML - можно ли два равна внутри одного тега <a>? [Дубликат]  ( Proper html link formatting can two divs be inside of one a tag ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> Этот вопрос уже есть ответы здесь : ...

1  HTML / CSS - Center Nav Bar переменных размеров  ( Html css center nav bar of variable size ) 
У меня будет навигационный бар, который позволяет пользователю сортировать галерею картинок. Проблема в том, что ширина панели NAV будет варьироваться в завис...

0  Jquery value изменить жить  ( Jquery value change live ) 
Пожалуйста, обратитесь к этому HTML. <код> <input type="text" name="amount1" value="10" /> <input type="text" name="amount2" value="5" /> <input type="text"...

1  Переполнение: Авто не работает в Firefox 16  ( Overflowauto not working in firefox 16 ) 
Я знаю, что есть много поста о проблемах переполнения в FF (большинство для старой версии) или в другом месте, но я не могу найти что-то, связанное с моим при...