Как создать предварительный просмотр URL в JavaScript?
Кто-то может помочь мне с созданием URL предварительные просмотры в JavaScript?
То, что я имею в виду, является этим: Скажите, что у меня есть ссылка на мой сайт, я хочу, чтобы пользователь смог к мыши по ссылке и имел всплывающее окно изображения, которое показывает то, на что похожа цель ссылки.
Не волнуйтесь о CSS, я получил ту работу, мне просто нужен фактический сценарий для показа изображения.
В настоящее время я делаю его путем разоблачения iframe, который на самом деле представляет страницу, но это не масштабируемо и выглядит ужасным.
Предварительно делание отображение страницы отображает, не опция, так как ссылки будут связываться с динамично сгенерированным пользовательским содержанием.
5 ответов
У вас должны быть предварительно сохраненные изображения. Javascript не может делать снимки экрана и изменять размер изображений (пока). Попробуйте это: http://snapcasa.com/ . Он динамически делает изображения для вас. Все, что вам нужно сделать, это установить горячую ссылку на изображения:)
Лучшие возможности при использовании http://snapcasa.com/ :
Изображения гарантированно будут самыми последними.
Необязательно хранить их на своем сервере!
В бесплатном плане вы можете заработать много кредитов!
Дэниел прав, клиент никак не может это сделать, но можно воспользоваться бесплатной службой thumnail; http://www.webresourcesdepot.com/10-free-website-thumbnail-generation-services/ в сочетании с красивым сценарием всплывающей подсказки: http://flowplayer.org/tools/tooltip. html
Если вам нужен более прямой контроль над вашими снимками экрана и вы хотите настроить вещи на сервере, вы можете настроить khtml2png или webkit2png * для генерации изображений в командной строке. (И здесь - это некоторое направление к использованию Gecko, если вы предпочитаете это.)
* webkit2png предоставляет инструкции для OS X, но на самом деле нет причин, по которым он не должен работать на * nix, поскольку сам WebKit кроссплатформенный. Выяснение этого вопроса можно оставить читателю в качестве упражнения, но оно может оказаться полезным, поскольку KHTML исторически отставал от WebKit по новым функциям (HTML5, CSS3 и т. Д.).
Я не тестировал ни одно из этих решений, но этого может быть достаточно для начала, если вы хотите получить больший контроль над созданием снимков экрана.
Предварительный просмотр веб-сайта не может быть создан на стороне клиента.Изображение предварительного просмотра необходимо отобразить на сервере, который затем можно будет вызвать в ваш HTML-документ с помощью простого тега .
В основном у вас может быть тег изображения, например следующий:
<img src="/my_preview_renderer.php?site=www.google.com" />
... где my_preview_renderer.php сгенерирует предварительный просмотр в реальном времени и вернет данные изображения с соответствующим типом mime. Вы можете использовать любой язык сценариев на стороне сервера.
Это не исчерпывающий ответ, но я надеюсь, что он может указать вам правильное направление.
Вы можете сделать это с помощью iframe или заплатить за службу, которая делает снимки экрана (я думаю, Doctype.com предлагает это). Платный сервис по-прежнему будет долго создавать скриншоты. В принципе, не пытайтесь, это не сработает.