jQuery 提供了一个简单、美观和交互式的翻转画廊插件,它可以帮助程序员使用自动播放功能在不同方向翻转画廊中的许多图像。该插件是通过使用 HTML 标记和简单的 javascript函数调用来实现的。
请在您的工作文件夹中下载翻转画廊插件,并将所有相关文件包含在您的登陆网页的头部部分。
下载链接: https : //github.com/peachananr/flipping_gallery
示例 1:在以下程序中,显示了简单调用flipping_gallery()函数的基本用法。提供上一个和下一个按钮用于处理向前或向后移动的翻转图像。
输出 :
例2:在下面的程序中,各种选项的设置是通过javascript函数调用实现的。程序员可以根据应用的需要使用各种选项。请阅读每个选项值的注释并相应地使用。程序员可以利用data-caption属性来添加字幕。
输出:
在下面的脚本中,显示了在顶部方向翻转的选项设置。程序员也可以类似地利用其他选项以及不同的翻转选项。
$(document).ready( function() {
$(".gallery").flipping_gallery({
flipDirection: "top",
autoplay: false
});
});
输出: