css - ボタンがクリックされたときにメイン画像を変更する

Question

C:\Documents and Settings\Omar.Abulawi\Desktop\t3\main.htm これは私が取り組んでいるサイトです。現在、5 つのメニューのいずれかに従って、メイン イメージを変更して別のものに置き換えようとしています。それらがクリックされると。しかし、無駄に！あなたの助けとアドバイスをいただければ幸いです:)

Answer 1

実際には、:target疑似クラスを使用して純粋な css でこれを行うことができます。

フィドル

注:この方法を使用するには、最新のブラウザーが必要です。(IE9+)

また、 css を使用してクリック イベントをシミュレートする巧妙な方法を示しているこの記事もご覧ください (そのうちの 1 つは :target 疑似クラスです。

Answer 2

さて、あなたが言ったことに基づいて、この JavaScript はそれを行うべきです:

function changeimage()
{
    document.getElementById("picture_id").src = "new_file_path";
}

onclickメニューのイベントでその関数を呼び出します。