'FancyBox Image click not working after reload the page

First time when i click on image it enlarge and no issue. But when i try to reload the page without clear the cache having issue on loading image upon click action. If i reload with clear cache again no issue.

<script type="text/javascript">
    $(document).ready(function () {
        /*
         *  Simple image gallery. Uses default settings
         */

        $(".fancybox").fancybox({
            helpers: {
                title: { type: 'outside' },
                buttons: {},
                type: 'iframe',
                overlay:
                {
                    showEarly: false
                }
            }
        });
    });

</script>

<a class="fancybox" rel="gallery" href="@imgSrc1">
    <img src="@imgSrc1" alt="">
</a>
javascriptjquerycssfancybox


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions