10.2.4　定制幻灯片行为

你可以通过直接编辑CSS文件对幻灯片做出很多修改。但是，要对幻灯片如何工作做出根本修改，你需要为插件设置一些选项。要做到这点，给插件传递一个对象直接量（参见2.8.4节）：

{

buildArrows：false，

startText："Start slideshow"，

stopText："Stop slideshow"

}

在这个示例中，buildArrows是一个AnythingSlider选项，并且设置为false。这一设置防止AnythingSlider添加左箭头和右箭头。在每个选项/值对的末尾添加一个逗号，除了最后一对（注意，在stopText：“Stop Slideshow”的后面没有逗号）。

然后，将这个对象直接量放在插件的函数调用中。例如：

$（'#slider'）.anythingslider（{

buildArrows：false，

startText："Start slideshow"，

stopText："Stop slideshow"

}）；

下面列出了一些最有用的选项。

·隐藏导航箭头。要隐藏向左或向右箭头，可以将buildArrows选项设置为false，如下所示：

buildArrows：false

·更改幻灯片标签。要更改出现在开始按钮和结束按钮上的文本，像下面这样设置startText和stopText选项：

startText："Start slideshow"，

stopText："Stop slideshow"

·关闭autoplay选项。你可能不想要开始按钮和停止按钮出现，而是更愿意让访问者手动地选择他们想要浏览的幻灯片。在这种情况下，把buildStartStop设置为false：

buildStartStop：false

·垂直幻灯片播放。要让幻灯片垂直地从上到下移动，而不是从左到右移动，将vertical选项设置为true：

vertical：true

·Autoplay。当页面开始载入的时候，要让幻灯片播放功能自动化，将autoPlay选项设置为true：

autoPlay：true

在包含幻灯片的Web站点上，当页面载入的时候，开始自动播放幻灯片，这是特别常见的功能，因为这向访问者展示更多内容，而不需要访问者单击一个“播放幻灯片”按钮。

·各种大小的幻灯片。如果每个幻灯片包含的内容量不同，你可以让幻灯片窗口改变大小，以增加或缩减每个幻灯片所显示的内容。例如，假设第一个幻灯片是其中带有单独一段的一个div，而第二个幻灯片是带有一个标题栏、两幅较大的图像和3个段落的一个div。如果你将resizeContents属性设置为true，那么AnythingSlider将会针对每张幻灯片更改幻灯片的大小，在上面的例子中，幻灯片一开始将较小，显示单独的一个段落。当单击下一个按钮，移动到具有较多内容的下一个幻灯片的时候，幻灯片的高度变大了。可以这样设置这个属性：

resizeContents：true

要查看这些选项的应用，打开教程文件中的complete_slider2.html文件。

正如你所看到的，可以很容易将AnythingSlider添加到一个站点，并且也很容易定制。我们已经初步了解了这个插件能够干什么。你可以嵌入视频、特殊效果，并且增加定制编程来让它们按照你想要的那样工作。查看AnythingSlider Wiki以了解更多信息：//github.com/ProLoser/AnythingSlider/wiki。