从外部元素控制Flexslider.

从外部元素控制Flexslider，可以通过以下方法实现：

使用API方法：Flexslider提供了一套API方法，可以通过调用这些方法来控制Flexslider的行为。例如，可以使用flexslider.play()和flexslider.pause()方法来控制Flexslider的播放和暂停。
使用事件监听：Flexslider会触发一些事件，可以通过监听这些事件来控制Flexslider。例如，可以使用before.flexslider事件来在Flexslider切换前执行一些操作。
使用自定义控件：可以创建自定义控件，并通过这些控件来控制Flexslider。例如，可以创建一个按钮，并在点击该按钮时调用Flexslider的API方法来控制Flexslider的行为。

下面是一个简单的示例代码，演示如何使用API方法来控制Flexslider：

// 初始化Flexslider
$('.flexslider').flexslider({
  animation: "slide"
});

// 获取Flexslider实例
var flexslider = $('.flexslider').data('flexslider');

// 控制Flexslider的播放和暂停
$('#play-button').click(function() {
  flexslider.play();
});

$('#pause-button').click(function() {
  flexslider.pause();
});

在这个示例中，我们首先使用$('.flexslider').flexslider()方法初始化Flexslider，然后使用$('.flexslider').data('flexslider')方法获取Flexslider实例。接着，我们创建了两个按钮，分别用于控制Flexslider的播放和暂停。当用户点击这些按钮时，我们调用Flexslider的play()和pause()方法来控制Flexslider的行为。