0

这是显示图片的页面，用js替换不同来源的占位符。当我单击链接时，我不希望它转到另一个页面<a>，所以我正在使用onclick="return false". 但它不起作用。我找不到问题。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>my first gallery</title>
    <script type="text/javascript" src="scripts/showPic.js"></script>
</head>
<body>
    <h1>Snapshot</h1>
    <a href="images/6.jpg" onclick="return false; ">Click me</a>
    <ul>
        <li>
        <a href="images/1.jpg" onclick="showPic(this);
            return false;" title="first picture" >my favorite </a>
        </li>
        <li>
        **<a href="images/2.jpg" onclick="showPic(this); return false;" title="second picture">second my favorite</a>**
        </li>
    </ul>
    <ol>
        <li>
        <a href="images/3.jpg" onclick="showPic(this); return false;" title="third picture" >third my favorite </a>
        </li>
        <li>
        <a href="images/4.jpg" onclick="showPic(this); return false;" title="forth picture" >forth my favorite </a>
        </li>
    </ol>
<!--this the place to show pictures-->
    <img id="placeholder" src="images/5.jpg" alt="place holder imga" />

</body>
</html>




JS:
function showPic(whichPic){
    var source = whichPic.getAttribute("href");
    var placeholder = document.getElementById("placeholder");
    placeHolder.setAttribute("scr", source);

}
4

2 回答 2

0

哪个位不起作用？我注意到的第一件事是您在设置占位符的属性时有拼写错误。你有 scr 当它应该是 src

于 2013-02-09T00:45:48.933 回答
0

我假设您的 JavaScript 将占位符替换href为用作源的图像。相反，我建议您这样做：

<span onclick="showPic('images/4.jpg');" title="fourth picture" >fourth my favorite</span>

您将需要相应地编辑 JavaScript。如果您发布脚本代码，我可以向您展示如何。

于 2013-02-09T01:29:14.593 回答