当 wowslider 动画时调用 javascript 函数

发布于 2025-01-05 19:58:18 字数 1477 浏览 1 评论 0原文

我正在开发一个使用 wowslider 和 cufon 字体的网站。 我有一个从 wowslider 生成的“span”,里面有一些 html 文本。当 wowslider 动画时,它会生成 html 文本,并使用某种字体 cufon 为该文本设置样式。

问题是 cufon 脚本仅适用于第一个标题,但不适用于后面的其余标题。

这是我的代码:

<!--part of the header-->
<script type="text/javascript">
$(document).ready(function(){
    Cufon.replace('a.fuente', {
    hover: true
    });
    Cufon.replace('p.fuente');
    Cufon.replace('h1.fuente');
    Cufon.replace('h3.fuente');
    Cufon.replace('div#wowslider-container1 div.ws-title span');
});
</script>
<!--part of the header-->
<!--slider-->
<div id="wowslider-container1">
        <div class="ws_images">
        <span><img src="img/pres1/pres1.jpg" alt="pres1" title="Proyectos y Servicios Electromecánicos" id="wows0"/></span>
        <span><img src="img/pres1/pres2.jpg" alt="pres2" title="Pruebas y Montajes" id="wows1"/></span>
        </div>
        <div class="ws_bullets"><div>
        <a href="#wows0" title="Proyectos y Servicios Electromecánicos"><img src="img/pres1/tooltips/pres1.jpg" alt="pres1"/>1</a>
        <a href="#wows1" title="Pruebas y Montajes"><img src="img/pres1/tooltips/pres2.jpg" alt="pres2"/>2</a>
        </div></div>
    </div>
<!--slider-->

您可以在此处查看它。 我知道我必须修改 wowslider 脚本,但是如何修改呢?在哪里?

I'm working on a website with the wowslider and cufon for fonts.
I have a "span" that is generated from the wowslider, with some html text inside. When the wowslider animates, it generates the html text and cufon styles this text with some font.

The problem is that the cufon script only works with the first title, but not with the rest that comes after.

This is my code:

<!--part of the header-->
<script type="text/javascript">
$(document).ready(function(){
    Cufon.replace('a.fuente', {
    hover: true
    });
    Cufon.replace('p.fuente');
    Cufon.replace('h1.fuente');
    Cufon.replace('h3.fuente');
    Cufon.replace('div#wowslider-container1 div.ws-title span');
});
</script>
<!--part of the header-->
<!--slider-->
<div id="wowslider-container1">
        <div class="ws_images">
        <span><img src="img/pres1/pres1.jpg" alt="pres1" title="Proyectos y Servicios Electromecánicos" id="wows0"/></span>
        <span><img src="img/pres1/pres2.jpg" alt="pres2" title="Pruebas y Montajes" id="wows1"/></span>
        </div>
        <div class="ws_bullets"><div>
        <a href="#wows0" title="Proyectos y Servicios Electromecánicos"><img src="img/pres1/tooltips/pres1.jpg" alt="pres1"/>1</a>
        <a href="#wows1" title="Pruebas y Montajes"><img src="img/pres1/tooltips/pres2.jpg" alt="pres2"/>2</a>
        </div></div>
    </div>
<!--slider-->

You can see it here.
I know that I have to modify the wowslider script, but how? where?

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

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

发布评论

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

评论(1

彩扇题诗 2025-01-12 19:58:18

我认为您需要在每个 wowslider 动画之后添加 Cufon.refresh(); 。我自己从未使用过它,但我想他们会有一个可以绑定的事件来实现这一点。

I think you need to add Cufon.refresh(); after each wowslider animation. I've never used it myself but I would imagine they will have an event you can bind in order to achieve this.

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