0

我正在尝试使用以下代码打开图像点击链接

 <img src="AllScripts/SliderImages/images/1Main.png" alt="" title="" onclick="openSliderImage(id);"  onmouseover="this.style.cursor='hand'"  width="800px" height="300px" id="http://www.google.com" />

它工作正常，但是当使用 c# 生成图像时，使用 response.write 代码编写代码它不起作用并继续以下链接

http://localhost:1234/AllScripts/SliderImages/images/1Main.png

以下代码用于编写html

 <% {

                               Response.Write(SlidingImages);
                       }

                    %>

我知道它选择image src而不是image id图像点击，但为什么呢？这是javascript函数

 function openSliderImage(id) {
            alert(id);
            window.open(id, '_blank');
        }
4

2 回答 2

1

更改 id （因为您引用了一个名为 id 的 javascript 变量，所以您想要定位图像 id 然后使用this.id

<img src="AllScripts/SliderImages/images/1Main.png" alt="" title="" onclick="openSliderImage(this.id);"  onmouseover="this.style.cursor='hand'"  width="800px" height="300px" id="http://www.google.com" />

我还想说您可以删除 onmouseover 并使用 CSS 设置它（如果使用 IE7+）img:hover （或设置一个 cssClass 以便不是所有图像都将成为目标）。

于 2012-08-15T06:19:07.293 回答
1

使用这样的 id 打开链接似乎是一种 hack。我只是将 url 输出到 like 链接，它必须直接作为函数的参数打开。

<img id="googleImg" onclick="openSliderImage('http://www.google.com');" src="AllScripts/SliderImages/images/1Main.png" alt="" title=""   onmouseover="this.style.cursor='hand'"  width="800px" height="300px" />

您的代码无法运行，因为它将查找名为“id”的 javascript 变量。

于 2012-08-15T06:24:27.247 回答