Загрузка контейнера по клику в HTML


Juggernaut
320

Привет, помогите решить задачу.

Есть сайт, на некоторых его страницах есть контейнеры <iframe></iframe> с игрой, которая подгружается с другого сайта.

Я хочу, чтобы при загрузке страницы, на месте контейнера подгружалась PNG картинка. А уже при клике на эту картинку — она пропадает и на ее месте подгружается Iframe контейнер с игрой.

Надеюсь это можно реализовать в HTML, не подключая скрипты?


Sitealert

Juggernaut:
не подключая скрипты

Через javascript. Если не подключая, то включая.


LEOnidUKG

Надеюсь это можно реализовать в HTML, не подключая скрипты?

HTML это НЕ язык программирования, в нём нельзя ничего заменять, подгружать и т.д.

Через Javascript без проблем, делайте.


ArbNet

Без скрипта на CSS можно, через label input


ivan-lev

LEOnidUKG:
HTML это НЕ язык программирования, в нём нельзя ничего заменять, подгружать и т.д.

Нынче css даёт солидный простор для фантазии:

#iframe_container input ~ iframe {display:none;}
#iframe_container input:checked ~ iframe {display:block;}

«Спрятать input в картинку» и сделать «выбирабельным» тоже вполне реально.. =)

Juggernaut:
Надеюсь это можно реализовать в HTML, не подключая скрипты?

Однако, откуда такое скриптовое нежелание?


LEOnidUKG

Нынче css даёт солидный простор для фантазии:

Слишком пока слабенькое по поддержке это всё. Но делать из CSS язык программирования это тупо 🙂


Sitealert

ivan-lev:

#iframe_container input ~ iframe {display:none;}

#iframe_container input:checked ~ iframe {display:block;}

Всё равно же загрузится.


WebJunior

Просто на две страницы сделай, на первой ссылка на страницу с игрой, в виде картинки.


LEOnidUKG

WebJunior:
Просто на две страницы сделай, на первой ссылка на страницу с игрой, в виде картинки.

Интересная мысль кстати, но надо не забыть их закрыть на индексацию.


Juggernaut

Ок, спасибо. Значит сделаем через Яваскрипт. Если у кого есть время и желание заработать X сотен рублей, стукните в личку.


D.iK.iJ

Грузите во фрейме страницу с картинкой и по клику на нее — переходите во фрейме на страницу с игрой.

Грузите во фрейме картинку и по клику по какой-то ссылке на странице идет указание target — на фрейм. Игра откроется во фрейме.

Остальное — обычная вставка по onclick.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *