Blogger Dynamic Slider - DEMO

Please resize browser window to see responsiveness / fluidness


HTML & JS Behind This Demo:

<div id="first-slider"></div>
<div id="second-slider"></div>
<script type="text/javascript">
$(document).ready(function() {
    // first-slider
    $("#first-slider").BloggerDynamicSlider({
        blogURL: "http://labelpost.blogspot.com/",
        labelName: "Delicious Cake",
        maxItem: 4,
        showPostTitle: false,
        animation: "slide",
    });

    // second-slider
    $("#second-slider").BloggerDynamicSlider({
        blogURL: "http://labelpost.blogspot.com/",
        labelName: "Demo Photo",
        maxItem: 7,
        showPostTitle: true,
        animation: "fade",
        postTitleStyle: "overlayLight",
        imageWidth: 800,
        imageHeight: 500,
    });
});
</script>