0

これは画像を表示するページで、placehold を js で別のソースに置き換えます。リンクをクリックしたときに別のページに移動したくない<a>ので、 using を使用して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

hrefJavaScript がプレースホルダーをソースとして使用する画像に置き換えると想定しています。代わりに、次のようにすることをお勧めします。

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

それに応じて JavaScript を編集する必要があります。スクリプト コードを投稿していただければ、その方法をお見せできます。

于 2013-02-09T01:29:14.593 に答える
0

どのビットが動作しませんか? 最初に気付いたのは、プレースホルダーの属性を設定するときにスペルミスがあることです。src であるべきところに scr がある

于 2013-02-09T00:45:48.933 に答える