jquery carousel a la bx.slider - 锚标记周围的边框和单击寻呼机拇指的问题

发布于 2025-01-05 08:57:59 字数 493 浏览 3 评论 0原文

我已修改 bx.slider 以使缩略图位于文本内容下方,并以图像作为背景:

http://inetwebdesign .com/jQueryTools/thumbnail_pager_method5.html

我面临的问题如下:

  1. 在 IE 中(在 Firefox 和 Opera 中一切正常)拇指(包裹在锚标签中)仍然具有蓝色轮廓,并且没有大量的文本装饰:无;或大纲:无;似乎解决了问题,并且
  2. 在此实现中,单击缩略图会拉出相应的图像,但只有重新加载页面时,轮播才会重新启动。

所以我的问题是:

  1. 如何摆脱锚标记的文本装饰,以及
  2. 如何让轮播重新启动而无需重新加载页面?

谢谢。

加琼

I have modified bx.slider to have the thumbnails underneath text content with an image as a background:

http://inetwebdesign.com/jQueryTools/thumbnail_pager_method5.html

The problems I am facing are the following:

  1. In IE (in Firefox and Opera everything is ok) the thumbs (which are wrapped in anchor tags) still have the blue outline, and no amount of text-decoration:none; or outline:none; appears to solve the problem, and
  2. In this implementation, clicking on the thumbnail pulls up the corresponding image, but the carousel will only restart if I reload the page.

So my questions are:

  1. How do you get rid of the text decoration for the anchor tags, and
  2. How do you get the carousel to restart without having to reload the page?

Thanks.

gachoong

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

你不是我要的菜∠ 2025-01-12 08:57:59

没有 IE 可以尝试,但是对于 text-decoration 问题,您应该使其与 CSS 一起工作,如下所示:

a.no-txd:link,   
a.no-txd:visited,
a.no-txd:hover,
a.no-txd:active {
    text-decoration:none;
}

然后应用class no-txd (或任何您命名的名称 - 只需将上面 CSS 中的 no-txd 更改)为您的 标记。请参阅此处的演示:

至于停止的事情,我不是熟悉 bxSlider,但来自他们的 API 页面:

有一个 startShow 方法。如果您没有找到更好的方法,您可以向 添加一个监听器,并在一段时间后调用此方法,例如使用 setTimeout,例如给定这里:

当然,这取决于关于你想要的可以,但是您应该有足够的空间来玩弄并根据您的需要进行调整。

Don't have IE to try out, but for the <a> problem with text-decoration you should make it work with a CSS such as this:

a.no-txd:link,   
a.no-txd:visited,
a.no-txd:hover,
a.no-txd:active {
    text-decoration:none;
}

and then apply class no-txd (or whatever you name it - just change the no-txd in above CSS) to your <a> tags. See demo here:

As for the thing stopping, I am not familiar with bxSlider, but from their API page:

there's a startShow method. If you don't find a better way, you can add a listener to your <a> and call this method after some time, e.g. using setTimeout, such as given here:

Of course, this depends on what you want to do, but you should have enough to play around and tweak to your needs.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文