Как с помощью HTML кода вывести миниатюру сайта в окошке и кликабельным с переходом на него?

Question

[[e-mail]]

Есть контейнеры в которые можно вставлять HTML-код, как вывести миниатюру/превью сайта в этих окошках-контейнерах с открытием его в новом окне по клику?

Answer 1

[Дмитрий Кузнецов]

Можно попробовать Iframe, можно как изображение грузить

Comments

[[e-mail]]

А как Iframe ?

[Дмитрий Кузнецов]

[e-mail], создаёте iframe. Как src указывается либо html страницу, либо url нужной страницы. На iframe повесите событие через js, что бы переходил по определённой ссылки.

[Евгений Голубев]

Дмитрий Кузнецов, щас iframe мало где разрешается из-за вирусных ссылок и jsок.
Так что я бы просто сделал скрин страницы и сделал бы ссылкой

[Дмитрий Кузнецов]

Евгений Голубев, я так же бы поступил. Я привёл это как пример. Ни чего лучше картинки ещё не придумали)
Хотя я где-то видел подобную реализацию через JS, где при наведении на ссылку открывался popup или tooltip (если не ошибаюсь) и отображалась часть сайта. Но я явно это не найду сейчас.

[Евгений Голубев]

Дмитрий Кузнецов, Было дело я тоже загнался как-то. Году так в 16м...
Понял какой это анал и забил. Ибо это глупо)
В теооории, конечно можно запилить js который делал бы скрин сайта, резал бы его под нужный размер по высоте и вставлял бы в виде пикчи. И все это ради того, чтобы скрин сайта был "актуальным" :D
Но это наверное надо любить сидеть с пальцем в жопе чтоб такое сделать))

Так что ответ [e-mail] - никак. Только скриншотом.
Другие способы есть, но их даже профи не юзают т.к в этом нет смысла, а затраты пипец..

Answer 2

[Stalker_RED]

Установить на странице <base target="_parent"> и добавить на целевом сайте какой-то параметр, чтобы он при любых кликах вел на главную того сайта. Проверить, чтобы не мешал same origin, добавить CORS-заголовки при необходимости.

Картинку со скриншотом проще, конечно.

Comments

[[e-mail]]

Не получится, это инстаграмы, фейсбуки и т.д. )

[Stalker_RED]

[e-mail], если вы надумаете поверх iframe с чужим контентом разместить какой-то прозрачный уловитель кликов, то... лет 15 назад это было легко, лет 12 назад пришлось бы заморочиться, а сейчас вроде все известные дыры прикрыты.

Делайте картинку.

Answer 3

[dimonchik2013]

никак

но вы пробуйте, может что уже внедрили )))