Jump to content

Extension:PhpTags Widgets/Slick

From mediawiki.org

Slick

[edit]
Screenshot

The last carousel you'll ever need. Home page

Demo

class Slick extend GenericWidget {

    /* Properties */
    public bool $accessibility ;
    public bool $adaptiveHeight ;
    public bool $autoplay ;
    public int $autoplaySpeed ;
    public bool $arrows ;
    public Slick $asNavFor ;
    public bool $centerMode ;
    public string $centerPadding ;
    public string $cssEase ;
    public bool $dots ;
    public bool $draggable ;
    public bool $fade ;
    public bool $focusOnSelect ;
    public bool $infinite ;
    public int $initialSlide ;
    public bool $pauseOnHover ;
    public bool $pauseOnDotsHover ;
    public string $slide ;
    public int $slidesToShow ;
    public int $slidesToScroll ;
    public int $speed ;
    public bool $swipe ;
    public bool $swipeToSlide ;
    public bool $touchMove ;
    public int $touchThreshold ;
    public bool $useCSS ;
    public bool $variableWidth ;
    public bool $vertical ;
    public bool $rtl ;

    /* Methods */
    public __construct ( mixed $slides = null, array $properties = null )
}

// Function slick() is alias of Slick::__construct()
Slick slick ( mixed $slides = null, array $properties = null )

Examples

[edit]
Example 1
<phptag>
echo slick( 
        ['1', '2', '3', '4', '5', '6', '7', '8', '9'],
        ['dots'=>true, 'slidesToShow'=>3, 'slidesToScroll'=>3]
    );

// it is identical
echo new Slick( 
        ['1', '2', '3', '4', '5', '6', '7', '8', '9'],
        ['dots'=>true, 'slidesToShow'=>3, 'slidesToScroll'=>3]
    );
</phptag>
Example 2
<phptag>
$slides = '<div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div>';
$slick = new Slick( $slides );
$slick->dots = true;
$slick->slidesToShow = 3;
$slick->slidesToScroll = 3;
echo $slick;
</phptag>