X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Помогите, пожалуйста с выводом изображений
jcvd1979
jcvd1979
Topic Starter сообщение 25.1.2018, 1:53; Ответить: jcvd1979
Сообщение #1


ПОдскажите, пожалуйста, как мне решить такую задачу. Страница которую я создаю.. на чистом HTML и CSS... как мне сделать, чтобы при нажатии на ссылку, которая находится у меня на странице (путь ссылки ведёт к изображению)..это изображение появилось (после того как я кликну на ссылку) на этой же страничке.... под ссылкой. У меня такие соображения, что это можно сделать через блок (div) но никак не получается.. и не могу наГуглить.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 25.1.2018, 16:31; Ответить: Degradator
Сообщение #2


Надо твой чистый html и css обмазать джаваскриптом. Это можно сделать и на html-css, но проще это сделать при помощи js.
Примерно так:
<a href="image.jpg" class="image">Image</a>
<script>
(function(){
var links = document.querySelectorAll("a.image");
for(var i = 0; i < links.length; i++) {
links[i].addEventListener('click', function(e){
e.preventDefault();
var link = e.target;
var image = new Image();
image.src = link.href;
if(link.nextSibling) {
document.insertBefore(image, link.nextSibling);
} else {
link.parentNode.appendChild(image);
}
});
}
})()
</script>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 12.2.2018, 15:04; Ответить: Degradator
Сообщение #3


Cпасибо, очень полезно. Часто задавала себе такой вопрос - но ответа не могла найти нитгде.

Какой вопрос?

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 692 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) "Извините, что ожидание затянулось, но не думайте, пожалуйста, что мы про вас забыли. Мы заводим задачи по всем обращениям и контролируем работу над ними самым тщательным образом."
Вопрос
0 kuz999 1188 5.2.2024, 14:06
автор: kuz999
Открытая тема (нет новых ответов) Продается сайт фотосток ИИ изображений
Хороший вариант!
20 alexey 3210 25.6.2023, 15:28
автор: alexey
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКорректность показа вёрстки изображений на разных гаджетах
Не сохраняются пропорции изображений на смартфонах
1 master-vek 37244 25.3.2021, 13:22
автор: tedder
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1695 11.12.2020, 0:48
автор: Levels


 



RSS Текстовая версия Сейчас: 28.3.2024, 21:46
Дизайн