1

我已经研究和测试了几个星期，但我无法让这段代码工作。我正在使用我正在自定义的主题中的 flexslider (1.8)。我想有两个我理解的定向导航是手动控制。我首先使用 spans 构建了自定义控制器，然后使用了 UL > LI 结构。方向导航箭头在滑块中效果很好，但我无法在自定义控制器中复制该功能。我昨天获得了可以工作的功能，但它只是将方向导航箭头移动到控制器所在的位置......如果可能的话，我希望两者都拥有。我尝试更新到当前的 flexslider.js，但这会破坏主题中使用的其他 flexslider。

我在 custom.js 文件中有这个：

$slider.flexslider( { 
slideshow: false, 
controlNav: false, 
directionNav: true, 
manualControls: '.custom-controls li a',
controlsContainer: '.flex-container'
} );

我在创建 flexslider 的 functions.php 文件中有这个：

echo '<div class="et_media flex-container">';
if ( $media ){
echo '<div class="flexslider"><ul class="slides">';
foreach( (array) $media as $et_media ){
echo '<li class="slide">';

// if else to get the slides

echo '</li>';
}
echo '</ul></div>';

/***
 * ul flexslider controller
 */           

echo '<div class="slider_controller">'; // use flexslider custom-controls in ul 
echo '<ul class="custom-controls">';
echo '<li class="photo-title">' . get_the_title() . '</li>'; 
echo '<li class="right">' . '<a href="#" class="next next-nav">' . "next" . '</a>' .  '</li>';
echo '<li class="right">' . '<a href="#" class="next viewnext">' . "view next" . '</a>' . '</li>';
echo '<li class="right">' . '<a href="#" class="prev prev-nav">' . "previous" . '</a>' . '</li>';
echo '</ul>';
echo '</div> <!-- end .slider_controller -->';

这是网址（开发网址）：

http://174.132.168.130/~samlewis/?page_id=400#

建议非常感谢！

4

0 回答 0