2012-02-20 7 views
0

サイトのさまざまなセクションのスクリーンショットを追加することで、私のウェブサイトの「ヘルプ」ページを改善したいと考えています。私は、サイトがまだ開発中であり、絶えず美容的に絶えず変化しているので、これらの静止画像を作ることを躊躇しています。実際には、私はイメージを作成することは過度のことかもしれないと思っています。デモのための動的なスクリーンショット

別のページの小さなセクション(静的サイズとxy)を(PHPまたはJQuery経由で)ロードしてdivに表示することはできますか?

+1

...ビルドプロセスは変更を含めての世話をする、発生しましたか?私。サイトを自己文書化し、ヘルプページを一緒に配布しないようにしましょう。 –

+0

あなたはこの質問に興味があるかもしれません。 http://stackoverflow.com/questions/166160/how-can-i-scale-the-content-of-an-iframe(他の多くのバリエーションでは「ズームIFrame」を検索してください)。 – Matt

+0

私は、[this](http://net.tutsplus.com/tutorials/javascript-ajax/build-a-better-tooltip-with-jquery-awesomeness/)を使用してファンシーツールチップを設定する予定ですが、別のヘルプが必要でしたおよび/またはイントロページを含むことができる。 – adamdport

答えて

0

「スクリーンショット」のページを希望のサイズのにロードし、アンカーまたはhttp://api.jquery.com/scroll/を使用して、表示したい位置にコンテンツを移動します。

ユーザーがスクロールしたりiframeとやり取りしたりしないようにするには、透明なレイヤーを上に置いてください。

+0

何らかの理由で、iframeが廃止されたと考えました。アンカーまたはJQueryを水平方向にスクロールできますか? – adamdport

+0

jquery scroll:はい。アンカー:私ははいと言うが、私はすべてのブラウザがこれを行うことができるかどうかわからない。過度のスクロール/アンカーの使用例については、http://www.salonkberlin.com/をご覧ください。 – Basti

+0

あなたの助けを借りて、そのサイトで恐ろしく役に立たないUIがあります。 – adamdport

2

私たちはヘルプセクションでそういったことをやっていますが、ライブスクリーンショットを動的に読み込むことはリソースの浪費だと私は考えています。

実際、テストの直後にビルドプロセスでこれを実行しています。ヘッドレスブラウザ(xvfbの下のセレン)は、事前に配備されたアプリケーションで、さまざまなページのフルスクリーンスクリーンショットを撮るために使用されます。

はその後、我々の変更は、なぜインラインまたはポップアップなどのいずれかで、適切なページを自分自身に必要なすべてのヘルプ情報が含まれていませ

+0

私はそれがもっとダイナミックになることを望んでいました。プロフィールページでヘルプが必要な場合は、ヘルプページのコンテンツ(写真、色など)を見ることができます。 – adamdport

+0

私はあなたのニーズをよりよく理解しています、それはあなたの最初の記述にはなかった。私のソリューションは実際には適していません;-) – Grooveek

関連する問題