2012-03-09 6 views
0

私がやっていることは、あなたがhttp://www.nejm.org/doi/full/10.1056/NEJMimc1109704で見るようなものです。 (Playをクリックし、5ページのインタラクティブな身体検査に行く)私は彼らがFlashでこれをやっていると思うが、javascript/jQueryを使いたい。画像の複数のキャプション - 一度に1つを見るためにリンクをクリックしてください

基本的に複数のキャプションを持つ画像があります。キャプションには画像のさまざまな部分を示す矢印が付いていますが、それは私にとっては必須ではありません。別のリンクをクリックすると、異なるキャプションが表示されます。

私はこれをイメージマップとして扱いますか?私。マップを作成し、jQueryを使用してマップの異なる部分を切り替えることができます。プラグインがありますか? Googleの検索は私を助けてくれませんが、何を探したらいいのかわかりません。どんな助けもありがとう。

答えて

0

なぜjQueryが必要ですか?

とにかく、メイン画像を下に置き、希望の位置に固定するように位置を設定します。すばらしいコンテナdivに入れることもできます。すべてのキャプションdivが同じ親を基準にしていることを確認してください。次に、キャプション画像の固定位置divをCSSの上位Zインデックスで置きます。キャプション画像を適切な上部と下部の位置に置きます。もちろん、透明なPNGを使用してください。

あなたがそれらを切り替えるためにやらなければならないことは、「なし」に要素のstyle.displayを設定するか、私は同じ問題を抱えていると私はimageMapsterを見つけ

1

を「継承」されます。チェックアウト http://www.outsharked.com/imagemapster/default.aspx?demos.html#beatles これはあなたがしたいことだと思います。今日のこの解決策は、まだそれを理解していません。しかし、有望に見えます。そうでない場合はqTip2をチェックしてください http://craigsworks.com/projects/qtip2/demos/ 多分、いくつかのアダプテーションがあなたに/私たちにしたいことをさせるでしょう 幸運を祈ってください!わかったら更新してください