stories-fs v1.1.4

Stories-FS

Package that adds "instagram stories" to your site

With Stories-FS, you can create professional-quality visual content.

1. Demo page
2. How install?
3. Example
4. Parameters

How install?

1. npm i stories-fs
2. Add files: HEAD - stories-fs-style.css Scripts - stories-fs.js
3. Init

new StoriesFs(".stories-fs", {
    slidesPerView: {
        320: {
            count: 4,
        },
        960: {
            count: 6,
        },
        1280: {
            count: 12,
        },
    },
});

Example HTML:

<div class="stories-fs">
    <div class="stories-fs__wrapper">
        <div class="stories-fs__track">
            <div class="stories-fs__slide">
                <div class="stories-fs__preview">
                    <img src="./images/1.jpg" alt="" />
                </div>
                <div class="stories-fs__sub-wrapper">
                    <div class="stories-fs__inner">
                        <img src="./images/1.jpg" alt="" />
                    </div>
                    <div class="stories-fs__inner">
                        <img src="./images/2.jpg" alt="" />
                    </div>
                    <div class="stories-fs__inner">
                        <img src="./images/3.jpg" alt="" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Parameters