yii2-supersized-widget

http://buildinternet.com/project/supersized/, _(*1)

composer.json

"require": {
        "xj/yii2-supersized-widget": "*"
},

Core

Supersized::widget([
    'theme' => Supersized::THEME_CORE,
    'options' => [
        'start_slide' => 0,
        'new_window' => 1,
        'image_protect' => 1,
        'min_width' => 0,
        'min_height' => 0,
        'vertical_center' => 1,
        'horizontal_center' => 1,
        'fit_always' => 0,
        'fit_portrait' => 1,
        'fit_landscape' => 0,
        'slides' => [
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg', 'title' => 'Image Credit: Maria Kazvan'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-2.jpg', 'title' => 'Image Credit: Maria Kazvan'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-3.jpg', 'title' => 'Image Credit: Maria Kazvan'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-1.jpg', 'title' => 'Image Credit: Maria Kazvan'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-2.jpg', 'title' => 'Image Credit: Maria Kazvan'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-3.jpg', 'title' => 'Image Credit: Colin Wojno'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-1.jpg', 'title' => 'Image Credit: Colin Wojno'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-2.jpg', 'title' => 'Image Credit: Colin Wojno'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-3.jpg', 'title' => 'Image Credit: Brook Shaden'],
        ]
    ],
]);

SlideShow - Inner Render Control

<?=
Supersized::widget([
    'theme' => Supersized::THEME_SLIDESHOW,
    'returnType' => Supersized::RETURN_CONTROL,
    'options' => [
        'slide_interval' => 3000,
        'transition' => 3,
        'transition_speed' => 700,
        'slide_links' => 'blank',
        'slides' => [
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg', 'title' => 'Image Credit: Maria Kazvan'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-2.jpg', 'title' => 'Image Credit: Maria Kazvan'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-3.jpg', 'title' => 'Image Credit: Maria Kazvan'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-1.jpg', 'title' => 'Image Credit: Maria Kazvan'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-2.jpg', 'title' => 'Image Credit: Maria Kazvan'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-3.jpg', 'title' => 'Image Credit: Colin Wojno'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-1.jpg', 'title' => 'Image Credit: Colin Wojno'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-2.jpg', 'title' => 'Image Credit: Colin Wojno'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-3.jpg', 'title' => 'Image Credit: Brook Shaden'],
        ]
    ]
]);
?>

SlideShow - Custom Control UI

$assetsDir = Supersized::widget([
    'theme' => Supersized::THEME_SLIDESHOW,
    'returnType' => Supersized::RETURN_ASSETS,
    'options' => [
        'slide_interval' => 3000,
        'transition' => 3,
        'transition_speed' => 700,
        'slide_links' => 'blank',
        'slides' => [
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg', 'title' => 'Image Credit: Maria Kazvan'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-2.jpg', 'title' => 'Image Credit: Maria Kazvan'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-3.jpg', 'title' => 'Image Credit: Maria Kazvan'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-1.jpg', 'title' => 'Image Credit: Maria Kazvan'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-2.jpg', 'title' => 'Image Credit: Maria Kazvan'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-3.jpg', 'title' => 'Image Credit: Colin Wojno'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-1.jpg', 'title' => 'Image Credit: Colin Wojno'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-2.jpg', 'title' => 'Image Credit: Colin Wojno'],
            ['image' => 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/shaden-3.jpg', 'title' => 'Image Credit: Brook Shaden'],
        ]
    ]
]);














<a id="prevslide" class="load-item"></a>
<a id="nextslide" class="load-item"></a>




    
    








    








    

        

        
        
             /