【问题标题】:Click on image in a photo gallery单击照片库中的图像
【发布时间】:2015-02-11 08:14:00
【问题描述】:

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

电脑

【问题讨论】:

  • 请提供任何尝试。表现出一些努力!
  • 如果您不显示相关源代码,我们帮不了您。可以使用许多不同的方式/方法来构建照片库,并查看您正在使用的照片库如何帮助您回答您的问题。没有源代码我们无法给你正确答案,只能玩猜谜游戏。要么上传你的源代码,要么期待更多的反对意见。

标签: javascript html image onclick


【解决方案1】:

为了用很少的信息和源代码来回答您的问题,我只能为您提供这个。

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

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);"/>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-07-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多