2012-04-03 5 views
2

私はtiptipを使用しています。リンクがマウスオーバーすると、ボックスを作成するオプションがあります。リンク上にマウスを置くと、ウェブサイトのプレビューが作成されますか?

これを行う唯一の方法は、htmlのスクリーンショットを取得し、ポップアッププレビューを行うtiptipを使用することです。より直接的に行う方法はありますか?

私はプレビューを作成する必要があります> 30 htmlのウェブサイトがあるので、ありがとうございます。

+1

http://stackoverflow.com/q/3162815/102937 –

+0

ページのライブプレビューを表示するか、ページのスクリーンショットのみを表示しますか?あなたがライブプレビューを表示したい場合は、[マウスオーバー上のiframe内のページを表示する。]することができます(http://stackoverflow.com/a/16625709/975097) –

答えて

5

ウェブページをiframeに読み込むのではなく(非常に遅い可能性があります)。

あなただけのような外部のAPIを使用してサイトのIMGのスクリーンショットを表示しないのはなぜ

例:

http://api.thumbalizr.com/?url=http://www.google.com&width=250

+0

ページがlocalhostにある場合はどうなりますか? – user782104

+0

あなたは公にアクセス可能なURLを提供できる限り、それはまだ機能します。それはイントラネットサイトであるなら、あなたは、このアプローチは動作しません。 –

+0

どのようにウェブの大多数については、私はそれを一つずつをしなければなりませんか?おかげ – user782104

1
  • 適用されるところはすべて、スクリーンショットのみです。

  • これは非常に最適化された方法と光です。あなたはツールチップのプラグインがjqueryでうまく動作していますか、他にも、Jquery's QTip pluginを試すこともできます。

  • があります(ピクセル単位)を短縮することによって、実際のHTMLを表示する他の方法がありますが、それらは非常に軽い考慮する以下最適なソリューションであると言うことはできません。 (また、何らかの理由でHTMLでないか、非互換性がうまくいかないなどの問題がありますが、SS-Imagesは常に安定しています)

  • 実際には、Googleの検索結果が表示されたら、インプレースWebプレビューでは、実際に画像を使用していることがわかります。

+0

どのページがローカルホストにある場合は? – user782104

+0

さて、ローカルホストに永遠に残っていますか?独立したドメイン上でプロダクションを行う予定ですか?第二に、たとえそのローカルホストであっても、あまり最適化されていません。 – linuxeasy

+0

大量のウェブはどうですか、私はそれを一つずつ行う必要がありますか?ありがとう – user782104

関連する問題