在此图像中,黑点是背景图像上的另一个图像。我可以在该帖子图像上嵌入那个黑点。
$embedCode ='div id="mainCHImage"style="position:relative;height:'.$heightOrg.'px;width:'.$widthOrg.'px;">'.
'<img style="background:none;border:none;height:'.$heightOrg.'px !important;width:'.$widthOrg.'px !important;"'. "src=\"{$matches[1]}\";>".'
</div>
<img id="Icon" style="position:relative;left:'.$imgWidth.'px;top: '.$imgHeight.'px;padding-left: 10px;z-index:9999;cursor:pointer;background:none;border:none;" src="/Icon.png" onClick="showProducts(event,'."'{$matches[1]}'".')"></div>
这是我为发布图像的图像替换的代码,以便在该背景图像上带来那个黑点。现在问题是黑点的onclick 我想运行一个javascript函数,但是在wordpress中它被包裹在带有背景图像href的锚标记下,因此没有得到点击事件。但是我已经禁用了图像上的链接,然后它的工作但它不是正确的方法..下面我粘贴此代码的检查元素响应...
<a href="http://localhost/wordpress/wp-content/uploads/2013/04/9.jpg">
<img id="Icon" style="position:relative;left:130px;top: -30px;padding-left: 10px;z-index:9999;cursor:pointer;background:none;border:none;"
src="/Icon.png" onclick="showProducts(event,'http://localhost/wordpress/wp-content/uploads/2013/04/9.jpg')">
我没有得到那个锚标签的来源..我没有在我的代码中添加..