0

マウスホバーでURLをプレビューする必要があります。私のアプリケーションは、php、js、jqueryで構築されています。私は自分の要件に到達することを考えていますが、正しいアプローチと少し混乱していますが、ここに投稿されたすべての質問をチェックしましたが、それらのほとんどはサードパーティのツールまたはインストール可能ファイルを参照しています。ちなみに私はそれらを使いたくないので、自分で試してみるべきだと思います。あなたのように可能な限り最善のステップを案内してくれませんか?

ありがとう!

2012年6月11日ついに私はCurlを使用して、自分のサイトのリンクの横に配置されたDivでサイトのプレビューを取得できました。問題は、コンテンツをDivに収めることです。抽出されたhtmlページのcssを、すべてのコンテンツがDiv.scaledownオプションなどの固定の高さと幅に収まるように調整できますか?それはすべてを必要な比率に縮小しますか?

4

4 に答える 4

1

シンプルな CSS と HTML でこれを行うことができます。

.mouseover {
  position:absolute;
  width:200px;
  height:200px;
  top:5px;
  left:5px;
  display:none;
}
.link {
  position:relative;
}
.link:hover .mouseover {
  display:block;
}

次に、HTML で:

<a href="#" class="link">Link
  <div style="background:url('<URL HERE>')" class="mouseover"></div>
</a>
于 2012-06-10T17:31:52.770 に答える
0

では、Web ページのサムネイルを取得して、マウスオーバーで表示したいとします。そのためには、サムネイルを生成するツールを使用するか、PHP スクリプトを自分で作成する必要があります。以下にいくつかのツールを示します。

自分で書きたい場合は、imagegrabwindowをチェックしてください。Windows サーバーが必要であることに注意してください。PHP にこれを行う他の方法があるかどうかはわかりません。Windows サーバーを使用していない場合は、bash スクリプトを記述してブラウザーを開き、スクリーンショット ユーティリティを使用してスクリーンショットを取得し、それをファイルに保存して Web サイトが取得できるようにすることができます。

また、すべてのユーザーがマウスをリンクの上に移動するたびにこれを行うことがないように、何らかのキャッシュがあることを確認する必要があります。

于 2012-06-10T17:36:54.843 に答える