单击照片库中的图像

时间:2015-02-10 23:44:07

标签: javascript html image onclick

虽然我用多种语言编程,但我是一名JavaScript新手。这是我的情况。 显示一个页面。在这个页面上是一个照片库。用户点击其中一张照片并显示更大的图像。我需要获得点击的特定照片的ID或标题。我已经完成了很多谷歌搜索并尝试了很多不同的代码片段,但没有任何效果。我怀疑因为我对JavaScript知识渊博,我可能错误地应用各种潜在的解决方案。我怀疑解决方案与onclick事件有关。

PC

1 个答案:

答案 0 :(得分:0)

要回答您的问题,只需要很少的信息,也无需提供源代码,我只能为您提供此问题。

使用相关的源代码更新了您的问题,以获得更好的答案。

onclick="YourFunction(this.id);"

将触发一个名为YourFunction的函数并获取您可以使用的ID:

function YourFunction(e){
// e= to the id of the element that fired the function
alert(e);
}

------演示源代码------

function GetId(e){
  alert('ID= '+e);
 }
<p><b>Click the image to get the ID</b></p>
<img height="70px" id="Click_Me_Button_One" src="http://www.skybondsor.com/wp-content/uploads/2011/08/click-me.png" onclick="GetId(this.id);"/>

<img height="70px" id="Click_Me_Button_Two" src="https://lh3.ggpht.com/vqKa5XeIG6W51gLV-wG_-DfX20FJxGxOw4-AoDQOJAzCqFeoED50-gabK94PFnWbHf8=w300" onclick="GetId(this.id);"/>

<img height="70px" id="Click_Me_Button_Three" src="http://www.dreems.org.in/click.jpg" onclick="GetId(this.id);"/>