我修改了bx.slider,将缩略图放在文本内容下方,并将图像作为背景:
http://inetwebdesign.com/jQueryTools/thumbnail_pager_method5.html
我面临的问题如下:
- 在IE中(在Firefox和Opera中,一切都很好),拇指(被锚标签包裹)仍然有蓝色的轮廓,没有多少文本装饰:没有;或轮廓:无;似乎解决了问题,并且
- 在这个实现中,单击缩略图会弹出相应的图像,但只有当我重新加载页面时,转盘才会重新启动
所以我的问题是:
- 如何去掉锚点标签的文本装饰,以及
- 如何在不重新加载页面的情况下重新启动转盘
谢谢。
gachoong
没有IE可供尝试,但对于text-decoration
的<a>
问题,您应该使用这样的CSS:
a.no-txd:link,
a.no-txd:visited,
a.no-txd:hover,
a.no-txd:active {
text-decoration:none;
}
然后将类no-txd
(或任何您命名的名称-只需更改上面CSS中的no-txd
)应用于您的<a>
标签。点击此处查看演示:
- http://jsfiddle.net/jLtxT/
至于停止,我不熟悉bxSlider,但从他们的API页面:
- http://bxslider.com/options
有一种CCD_ 6方法。如果你找不到更好的方法,你可以在你的<a>
中添加一个监听器,并在一段时间后调用这个方法,例如使用setTimeout
,比如这里给出的:
- 使用JQuery计时器调用js函数
当然,这取决于你想做什么,但你应该有足够的时间来适应你的需求。