Question

js控制的首页轮播图，在加上a标签链接标识后，不起作用，图片上形不成链接，怎么解决呢？

经查跟CSS无关，轮播JS使图片加上不链接了。JS就不贴了，太多了，字数太多，贴不上来！就是下边这种HTML代码，如何能让这个图片上的链接生效？
<div id="slider" class="nivoSlider">
<a href="#1" target="_blank" ><img src="templets/images/home_slides/1.jpg" alt="" title=""/></a>
<a href="#2" target="_blank" ><img src="templets/images/home_slides/3.jpg" alt="" title=""/></a>
</div>
例如对图片加个id同写一个小js去执行。以下是我自己猜想思路：
<div id="slider" class="nivoSlider">
<img src="templets/images/home_slides/1.jpg" alt="" title="" id="pic1" onmouseover或clik动作="do()" />
<img src="templets/images/home_slides/3.jpg" alt="" title="" id="pic2" onmouseover或clik动作="do()"/>
</div>
<script type="text/javascript">
function do()
{
document.getElementById('pic1'.........打开链接www.******.com
document.getElementById('pic2'.........打开链接www.******.cn
类似这样去做，能实现点击图片打开指定链接吗？我不懂js。怎么做呢？请教一下。

Answer 1

如果你是用nivoSlider这个JQuery插件的话，我下了一个v2.4版，加上链接可以跳转啊

通过百度“nivoslider 参数”helloweba这个网站有下载demo里就带链接的

另外根据你的思路可以这样

<img src="templets/images/home_slides/1.jpg" alt="" title=""   id="pic1" onClick="jump(url_A)" />
<img src="templets/images/home_slides/2.jpg" alt="" title=""   id="pic2" onClick="jump(url_B)" />

//把url作为jump的参数
function jump(tarUrl){
    window.open(tarUrl);
}