README

!!! 重要通知 !!!

• 为Contao优化，文件的部分内容已更改

• 有关原始文件或更多详细信息，请访问： http://brutaldesign.github.io/swipebox/

• 版本：扩展仅包含Contao <3.2的脚本

这个仓库是做什么用的？

• 为平板电脑和智能手机提供带有滑动手势的相册

我该如何设置？

1. 将文件夹复制到 /system/modules/。
2. 在页面布局中选择jQuery-Templates j_swipebox。2.1.如果您勾选了j_swipebox，您必须从布局中删除标准的j_colorbox

它是如何工作的？

如果设备是移动、Android或IOS，则自动包含文件/system/modules/assets/js/jQuery.swipebox.js或/system/modules/assets/js/jQuery.swipebox.min.js

模板/system/modules/templates/j_swipebox.html5将所有图像用a标签和data-lightbox属性替换。见下面的代码。所有带有a标签的图像在.ce_gallery、.ce_image或.imagecontainer中都将打开为全尺寸，您可以使用滑动手势左右滑动图像。

(function($) {
	$('.ce_gallery a,.ce_text a[data-lightbox],.ce_image a[data-lightbox],.image_container a[data-lightbox],a[data-lightbox]').swipebox({
		useCSS : true, // false will force the use of jQuery for animations
		useSVG : true, // false to force the use of png for buttons
		initialIndexOnArray : 0, // which image index to init when a array is passed
		hideCloseButtonOnMobile : false, // true will hide the close button on mobile devices
		hideBarsDelay : 3000, // // delay in ms(3000) before hiding bars on desktop, set value on false to show allways
		videoMaxWidth : 600, // videos max width
		beforeOpen: function() {}, // called before opening
		afterOpen: null, // called after opening
		afterClose: function() {}, // called after closing
		loopAtEnd: false // true will return to the first image after the last image is reached
	});
})(jQuery);

我应该和谁联系？

• Hakan Havutcuoglu
• info@havutcuoglu.com