0

当用户单击某个看起来像#foo 的链接时，我希望在页面上显示图像。例子

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

如果 url 包含#dog，它将显示狗的图片。如果 url 包含#cat，它将显示一张猫的图片。这怎么可能实现。然后让图像显示在图像标签中。

<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 回答