hypejunction/hypeslider

此包已被 废弃 且不再维护。未建议替代包。

内容滑块

维护者

详细信息

github.com/hypeJunction/hypeSlider

主页

源代码

安装: 16

依赖项: 1

建议者: 0

安全性: 0

星标: 0

关注者: 1

分支: 1

语言:JavaScript

类型:elgg-plugin

1.0.0 2018-07-04 16:53 UTC

Requires

proprietary d55677fb58fa81e8397f5b85e2cdf4fc5630015d

  • Ismayil Khayredinov <info.woop@hypejunction.com>

pluginelgg

This package is not auto-updated.

Last update: 2020-01-18 13:35:04 UTC

README

Elgg 3.0

基于 Slick.js 的响应式滑块

截图

Video slide Image slide

添加滑块

将新滑块添加到页面

echo elgg_view('page/components/slider', array(
	// An array of slides
	'slides' => array(
		0 => elgg_view('my/awesome/slide', array(
			'headline' => 'Best headline ever',
		)),
		1 => elgg_view('output/img', array(
			'src' => 'http://www.menucool.com/slider/jsImgSlider/images/image-slider-1.jpg',
		)),
		2 => elgg_view('output/img', array(
			'src' => 'http://www.menucool.com/slider/jsImgSlider/images/image-slider-2.jpg',
		)),
		3 => elgg_view('output/img', array(
			'src' => 'http://www.menucool.com/slider/jsImgSlider/images/image-slider-3.jpg',
		)),
		4 => elgg_format_element('iframe', array(
			'src' => 'https://player.vimeo.com/video/3689348',
			'height' => 306,
			'width' => 700,
			'frameborder' => 0,
			'webkitallowfullscreen' => true,
			'mozallowfullscreen' => true,
			'allowfullscreen' => true,
		))
	),

	// Slick slider settings
	'slick' => array(
		'slidesToShow' => 2,
		'slidesToScroll' => 1,
		'speed' => 500,
		'dots' => true,
		'autoplay' => true,
		'autoplaySpeed' => 2000,
	),
));

注意