クリックで HTML を切り替えることは可能ですか?
大きな画像のインデックス ページがあります。画像の下に 4 つのリンクがあります。カーソルがリンクの上を移動すると、小さなツールチップが表示されます。ユーザーがリンクをクリックすると、大きな画像が変更され、その上に追加の HTML が表示されます (小さなコンテンツ ボックスのみ)。
jQueryを使用してツールチップを理解したと思いますが、画像を変更して小さなコンテンツボックスを追加する方法がわかりません。
よろしくお願いします。
次のスニペットを検討してください。
$("#someLinkID").click(function() {
$("#someImageID").attr("src","newimage.jpg");
$("#someContentDiv").show();
});
構文がずれている可能性があります。私は数か月間jQueryを使用していませんが、アイデアはわかります。基本的にはクリックハンドラーをリンクにつけて、ハンドラーが発動すると画像タグのsrc属性を好きな画像に動的に変更すると同時に、配置したdivを表示することができます可視性が非表示に設定された事前の画像。
Tabtasticは、これを適切に、アクセスしやすく、適切に劣化させた実装です。
コンテンツ スライダーが必要なように思えますが、この25 種類のスライダーのリストをご覧ください。