pessek/hypeslider

Content sliders

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

Requires

• php: >=7.0
• bower-asset/slick-carousel: ^1.8
• composer/installers: ~1.0

proprietary

• Hermand PESSEK

• plugin
• elgg

README

Responsive slider based on Slick.js

Screenshots

Add a slider

To add a new slider to a page:

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,
	),
));

Notes

• For a full list of slick slider settings, see: http://kenwheeler.github.io/slick/