pessek/hypeslider

内容滑块

维护者

详细信息

github.com/rheman/hypeSlider

源代码

问题

安装: 1

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 0

公开问题: 0

类型:elgg-plugin

v1.0.0 2021-05-31 13:29 UTC

Requires

proprietary 86515b263130ac7dc9960b67618c0e7a36cbd670

  • Hermand PESSEK <rhemandaddy.woop@gmail.com>

pluginelgg

This package is auto-updated.

Last update: 2024-09-29 05:36:38 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,
	),
));

注意