#javascript #jquery #cookies
#javascript #jquery #файлы cookie
Вопрос:
На одной странице я сохранил путь к изображению в файле cookie. На второй странице я использую следующее:
<br /><b>Photo:</b> " $.cookie("image");
Он просто отображает полную ссылку на следующей странице. Это точная ссылка на изображение, так что это хорошо. Но как я могу заставить его отображать изображение вместо пути?
Очевидно, что это не сработает:
<img src="$.cookie("image");
Но я в недоумении.
Комментарии:
1. И почему это не сработает?
2. html = ‘<br /><b>Фото:</b><img src=»‘ $.cookie(«image») ‘»>’;
3. При этом я просто получаю синтаксические ошибки.
Ответ №1:
Добавьте идентификатор или класс в тег изображения и используйте jQuery для изменения src изображения
HTML
<img class="cookieImage" src="" ... >
jQuery
$('.cookieImage').attr('src', $.cookie("image"));
Комментарии:
1. Не уверен, почему, но у меня это не работает. Я помещаю ваш точный код jquery в начало, а затем помещаю: <img class=»cookieImage» src»»/> в html, это не работает.
2. Это была проблема! Спасибо!
Ответ №2:
Вам нужно создать встроенный HTML с помощью скрипта:
Предположим, что ваш HTML структурирован следующим образом:
<br /><b>Photo:</b><div id="image_container"></div>
Затем вы можете использовать приведенный ниже скрипт для загрузки этого изображения:
var imagePath = $.cookie("image");
$('#image_container').html('<img src="' imagePath '" width=100 height=100/>');
Или вы можете изменить атрибут Src тега изображения.
<br /><b>Photo:</b><img id="image_container"></img>
$("#image_container").attr('src', imagePath);
Комментарии:
1. Это: <br /><b>Фото:</b><img id=»image_container»> </img> $(«#image_container»).attr(‘src’, ImagePath); является как JS, так и html. Итак, куда идет каждая часть?
2. Честно говоря, я думаю, что я размещаю JS в неправильных местах. Вот что я сделал. У меня есть jquery и jquery cookie в коде. Я знаю, что оба работают. Затем я сделал это: <script type=»text/javascript»> var imagePath = $.cookie(«image»); $(«#image_container»).attr(‘src’, imagePath); </script> <b>Фото:</b><img id=»image_container»></img> но это не работает.