Log in

hypeSlider

Photo by   DESIGNECOLOGISTUnsplash

hypeSlider

Elgg 3.0

Responsive slider based on Slick.js

Screenshots

Video slideImage slide

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

Package Releases

VersionRelease Date
hypeSlider 1.0.01.0.0

Changelog

1.0.0 (2018-07-04)

Features

  • releases: initial commit (8c0cd72)

About

Dependencies

Requires
Elgg version >= 3.0