nanostudio-org / nanogallery2

a modern photo / video gallery and lightbox [JS library]
https://nanogallery2.nanostudio.org
761 stars 112 forks source link

Iphone 6 (IOS v12.5.4) standalone lightbox open issue #355

Open Marczerwinski opened 3 years ago

Marczerwinski commented 3 years ago

Describe the issue
Hey, Im using nanoGallery2 standalone lightbox feature link for displaying images. On Iphone 6 (ios v12.5.4) the feature doesn't work ( the lightbox is not opening ). Im receiving syntax error image

Thank you for the help 🙏

CODE PLAYGROUND

Jquery: v3.4.1 NanoGallery: v3.0.5

linking

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/nanogallery2/3.0.5/css/nanogallery2.min.css" integrity="sha512-6sOT9zKSKq1CYgNMqtcY84tFPDnG1yX5mxwdGQiAVpAomVr2kUKJ//pFeU/KfaZDVCOru5iFOVswpT4RWWF2dQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
        <script src="https://cdnjs.cloudflare.com/ajax/libs/nanogallery2/3.0.5/jquery.nanogallery2.min.js" integrity="sha512-tvpLVnZrWnnNzV2921XEMx4xkFTUF8xg3s+Mi6cvC/R7A6X1FkpBUXPJFa3Xh5uD9BvOZ2tHeYq/5ZqrweW86Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Usage

{# NanoGallery2 lightbox standalone version #}
                    <img
                            data-ngsrc="{{ current.product.image }}"
                            data-selector="product-image" src="{{ current.product.image }}"
                            alt="product_image"
                            data-nanogallery2-lightbox='{
                                "viewerToolbar": {
                                    "display": "false",
                                    "standard": "",
                                    "minimized": ""
                                },
                                "viewerTools": {
                                    "topRight": "zoomButton, rotateRight, closeButton",
                                    "topLeft": ""
                                }
                            }'
                    />

Tested

Tested on browserstack (IOS 6 device) + real in hand device

URL of your page

Cannot pass the url.