我正在使用轨道滑块(带有 wp 基础)并尝试显示项目符号导航。我真的很想将项目符号显示为缩略图,但现在它们不会以任何方式显示。我在wordpress仪表板的Orbit首选项中选择了项目符号,并且我正在js文件和css中使用以下代码。感谢一些帮助。
$(window).load(function() {
$('#featured').orbit({
bullets: true,
bulletThumbs: true,
bulletThumbLocation: '../thumbs/'
});
});
.orbit-bullets li.has-thumb {
width: 99px;
height: 88px;
border: 2px solid red;
padding-right: 10px;
}
滑块
显示的每个图像都应具有"data-thumb"属性,如下所示:
<img src="IMAGE_NAME.jpg" data-thumb="THUMBNAIL_NAME.jpg" />
希望这有帮助。