当我点击javascript中的分页项时如何更改图片？答案

【问题标题】：How can i cahnge picture when i click on pagination item in javascript?当我点击javascript中的分页项时如何更改图片？
【发布时间】：2016-06-11 19:42:01
【问题描述】：

我是 javascript 编程的新手，我有一个问题想澄清一下。我的目标是在单击一个分页项时更改图片。

<ul class="pagination pagination-lg">
              <li>
                <a href="#">Prev</a>
              </li>
              <li>
                <a href="JavaScript:void(0)" id="prva" onclick="changePhoto('placeholder', 'images\webPages\1.jpg')">1</a>
              </li>
              <li>
                <a href="JavaScript:void(0)" id="druga" onclick="changePhoto('placeholder', 'images\webPages\2.jpg')">2</a>
              </li>
              <li>
                <a href="JavaScript:void(0)" id="treca" onclick="changePhoto('placeholder', 'images\webPages\3.jpg')">3</a>
              </li>
              <li>
                <a href="#">4</a>
              </li>
              <li>
                <a href="#">5</a>
              </li>
              <li>
                <a href="#">Next</a>
              </li>
            </ul>

我的脚本是这样的：

<script type="text/javascript">
  function changePhoto(id, newPic){
    document.getElementById(id).src = newPic;
</script>

当前图像的 id 是占位符，但是当我点击 1,2 或 3 时它没有做任何事情... 我给你它的外观图像： the image of website 有人可以帮我处理这段代码吗？天呐

【问题讨论】：

标签： javascript html pagination

【解决方案1】：

您有几个问题。 1. 你没有逃避你的斜线 2. 你没有用关闭 }

关闭 changePhoto 函数

示例更改 onclick 函数以转义斜杠

onclick="changePhoto('placeholder', 'images/\webPages/\2.jpg')"

【讨论】：

感谢您的快速回复，但这并没有解决我的问题。我同意，我很愚蠢，我没有用 } 关闭函数，我编辑了我的代码以逃避我的斜线，但它仍然没有做我想做的事情：/帮助我驯服这个小野兽：D