如何使JavaScript创建图像的链接

嘿，我不是很流利的JavaScript和jQuery。我想在一个div上单击图像替换div，并使图像可点击，即我想添加链接到该图像。如何使JavaScript创建图像的链接

为了得到这个，我使用JavaScript

function ReplaceContentInContainer(id,content) {  

     var container = document.getElementById(id); 
     container.innerHTML = content; 
}

我打电话从我index.ctp文件这个JavaScript作为

<div id="vedio-image"> 
        </div> 

     <div class="title"> 
             <a href="javascript:ReplaceContentInContainer('vedio-image', 
              '<img width=\'480px\' height=\'220px\' src=\'<?php echo $this->webroot.'img/'.$count['News']['videoImage']; ?> \'/ >')"> 
              <?php echo $count['News']['title'];?> 
             </a> 
            </div>

ReplaceContentInContainer工作完美，但我不能够做出图像可点击。请任何人都可以帮忙。

来源

2013-05-13 winnie

您没有在''标签中写'onclick'，或者不在''标签上写''标签 – Raptor 2013-05-13 01:29:55

另外，您没有使用jQuery。 – Jace 2013-05-13 01:30:21

现在这被认为是一个问题？ :) – 2013-05-13 01:31:10

你没有在<img>标签写入onclick，或者不环绕你<img>标签与标签<a>

更改HTML代码：

<div id="vedio-image"></div> 
<div class="title"> 
    <a href="javascript:ReplaceContentInContainer('vedio-image', 
              '<a href=\'http://example.com\'><img width=\'480px\' height=\'220px\' border=\'0\' src=\'<?php echo $this->webroot.'img/'.$count['News']['videoImage']; ?> \' /></a>')"> 
    <?php echo $count['News']['title'];?></a> 
</div>

旁注：我加border="0"避免出现在IE中的蓝色边框。

来源

2013-05-13 01:33:49 Raptor

非常感谢Shivan Raptor，因为我告诉我不擅长JavaScript ....感谢很多人的帮助 – winnie 2013-05-13 02:05:33

如何使JavaScript创建图像的链接

回答

相关问题