0

ユーザーが #foo のような特定のリンクをクリックしたときに、ページに画像が表示されるようにします。例

<a href="#dog">Dog</a>
<a href="#cat">Cat</a>

URL に #dog が含まれている場合、犬の写真が表示されます。URL に #cat が含まれている場合、猫の写真が表示されます。どうすればこれを達成できますか。次に、画像を image タグに表示します。

<img id="something" />

編集:リンク ID がクリックされるまで、すべての画像を非表示にすることを考えています。次に、誰かが URL を取得し、表示する画像を決定します。最も重要な部分は、URLの特定から行うことです

私が達成しようとしていることのsudoコードのアイデア。

    if url = #dog then 
    display in idelement dog.jpg 
    else if url = #cat then  
    display in idelement cat.jpg 
    else display defualt.jpg


<img id="idelement" />
4

1 に答える 1

0

ここで例を作成しましたが、画像を表示する方法がありません: http://jsfiddle.net/VgkUL/3/

<a href="#foo" >#foo....</a>
<a href="#cat" >#cat....</a>

$('a').each( function() {
    $(this).click( function(e) {
        var imgUrl = $(this).attr("href"); // url of the image, you can save it somewhere else into the a Tag
        alert(imgUrl);
        // display here the image where you want
        e.preventDefault();
        return false;
    })
})
于 2013-08-12T00:05:42.340 に答える