JQuery Cycle——图像寻呼机的困难
我正在尝试为该插件实现基于图像的寻呼机。 我已经在几个这样的网站上运行了:
$(function() {
$('#slideshow').after('<div id="slide-nav" class="slide-nav">').cycle({
fx: 'fade',
speed: '750',
timeout: 4000,
sync: 'true',
pager: '#slide-nav',
pagerEvent: 'mouseover',
pauseOnPagerHover: true,
pagerAnchorBuilder: function(idx, slide) {
var img = $(slide).children('.thumb').children().eq(0).attr("src");
return '<li><a href="#"><img src="/images /trans.png" width="20" height="20" /></a></li>';
}
});
});
在另一个网站上(利用 CMSMS) 除非我删除 pagerAnchorBuilder 并插入: 上面的代码将不起作用:
before: function() { if (window.console) console.log(this.src); }
});
这样做时,我可以添加按钮,但我无法在不移动背景图像的情况下使用文本缩进移动 a href。我是一个完全的 javascript 新手,所以这超出了我的技能范围。如何在包含 console.log 功能的同时保留寻呼机构建功能?
I'm trying to implement image based pagers for the plugin.
I have it working on a couple of sites like this:
$(function() {
$('#slideshow').after('<div id="slide-nav" class="slide-nav">').cycle({
fx: 'fade',
speed: '750',
timeout: 4000,
sync: 'true',
pager: '#slide-nav',
pagerEvent: 'mouseover',
pauseOnPagerHover: true,
pagerAnchorBuilder: function(idx, slide) {
var img = $(slide).children('.thumb').children().eq(0).attr("src");
return '<li><a href="#"><img src="/images /trans.png" width="20" height="20" /></a></li>';
}
});
});
On another site (utlizing CMSMS) The above code will not work unless I remove the pagerAnchorBuilder and insert:
before: function() { if (window.console) console.log(this.src); }
});
In doing so, I can add the buttons but I can't move the a href with text-indent without also moving the background images. I'm a complete javascript newbie so this is beyond my skills. How do I preserve the pager building function while including the console.log function?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论