我终于让我的网站启动并运行。我是平面设计师而不是程序员,所以是新手。就代码而言,它可能不是最漂亮的,但它确实有效。如果您访问我网站的工作部分http://www.maryhutchisondesign.com,寻呼机(我使用背景 gif 表示 a 和活动状态)功能在 Safari、Chrome、Firefox 和 Opera 中有效,但在 Internet 中消失了探险家。我收到了 Mike Alsup 通过电子邮件发送给我的 pagerAnchorBuilder 行。有什么我做错了吗?这是css和js的示例。当我从 malsups 高级寻呼机演示中复制代码时,它也适用于图像缩略图,但在 IE 中它会移动主要投资组合图像的位置。
.nav_ocn li {
width: 10px;
float: left;
margin: 5px;
list-style: none;
margin-left: 0px;
}
.nav_ocn a {
border: 0px solid #ccc;
text-decoration: none;
margin: -1px;
padding: 10px;
background-image: url(../images/pager.gif);
background-repeat: no-repeat;
background-position: left;
}
.nav_ocn a.activeSlide {
background-image: url(../images/pager_select.gif);
background-repeat: no-repeat;
background-position: left;
}
.nav_ocn a:focus { outline: none; }
$(document).ready(function() {
$('#OCN_gallery').cycle({
fx: 'scrollLeft',
next: '#OCN_gallery',
speed: 'fast',
timeout: 0,
pause: 1,
pager: '.nav_ocn',
// callback fn that creates a thumbnail to use as pager anchor
pagerAnchorBuilder: function() {
return '<li><a href="#"</a></li>';
}
});
});
任何帮助和内部将不胜感激。
谢谢,
玛丽