使用API​​自定义Layerslider导航(在Wordpress上)

时间:2014-06-25 13:23:33

标签: jquery wordpress

我正在尝试使用API​​为LayerSlider创建自己的导航。 这是因为我想要可以通过后端轻松更新的图标和文字。

layerslider文档推荐了我正在使用的以下代码行:

<a href="javascript:void(0);" onclick="$('#layerslider').layerSlider(2);">Text & Icon</a>

根据this link,单击时应跳至第二张幻灯片。但是,它什么也没做。

我还没有在这个阶段向我的模板添加任何jQuery。这可能是个问题?与html和php相比,我对jQuery的了解很少,所以我在努力解决这个问题。

我还找到了this link,但这会使用一个列表,而我使用的是一个包含div,text和图像的锚标记。

如果您需要更多信息来帮助我解决此问题,请告诉我们。如果需要,我可以提供链接。

编辑:我认为问题在于我没有先调用这些函数,因为我不知道怎么做。他们提供的代码如下。我已经尝试将其放在脚本标记中并将其放在functions.php中但没有成功。

$('#slider').layerSlider({

...

global settings

...

cbInit      : function(element){},  // Calling when LayerSlider loads, returns the LayerSlider jQuery object of the LayerSlider container HTML element.
cbStart     : function(data){},     // Calling when you click the slideshow start button, returns the LayerSlider Data object.
cbStop      : function(data){},     // Calling when click the slideshow stop / pause button, returns the LayerSlider Data object.
cbPause     : function(data){},     // Calling when slideshow pauses (if pauseOnHover is true), returns the LayerSlider Data object.
cbAnimStart : function(data){},     // Calling when animation starts, returns the LayerSlider Data object.
cbAnimStop  : function(data){},     // Calling when the animation of current layer ends, but the sublayers of this layer still may be animating, returns the LayerSlider Data object.
cbPrev      : function(data){},     // Calling when you click the previous button (or if you use keyboard or touch navigation), returns the LayerSlider Data object.
cbNext      : function(data){},     // Calling when you click the next button (or if you use keyboard or touch navigation), returns the LayerSlider Data object.

});

0 个答案:

没有答案