将 wordpress 插件项目符号设置为显示为缩略图导航



我正在使用轨道滑块(带有 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" />

希望这有帮助。

相关内容

  • 没有找到相关文章

最新更新