我怎样才能cahnge图片，当我点击JavaScript中的分页项目？

-4

我新来javascript编程，我有一个问题，我想澄清。我的目标是改变图片，当我点击一个分页项目。我怎样才能cahnge图片，当我点击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 任何人都可以帮我用这段代码吗？ Tnx

来源

2016-02-28 moonbyt3

你有几个问题。 1.你是不是逃避你的斜线 2.你没有与关闭关闭changePhoto功能}

例变化的onclick功能逃脱斜线

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

来源

2016-02-28 21:17:29 Joel

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

检查这个小提琴，它在这里工作：https://jsfiddle.net/j031/wnvt5saq/。 – Joel

它出现我不能使用文件夹路径来我的图像...它与链接，但与文件夹路径图像。 Tnx为您的重播ü帮助我大好时间， – moonbyt3

我怎样才能cahnge图片，当我点击JavaScript中的分页项目？

回答

相关问题