Zoom tweezers with photoswipe

Question

Hello, I’m using a template I bought on a website but I’m having difficulties to implement Pinch Zoom on it...

Basically it is the following:

I have a gallery

<ul class="gallery" id="Gallery">
                <li><a href="images/paginas/10.jpg" rel="external"><img src="images/paginas/10.jpg" alt=""/></a></li>
                <li><a href="images/paginas/11.jpg" rel="external"><img src="images/paginas/11.jpg" alt=""/></a></li>
                <li><a href="images/paginas/12.jpg" rel="external"><img src="images/paginas/12.jpg" alt=""/></a></li>
            </ul>

and this is my JS to instantiate Photoswipe:

(function(window, PhotoSwipe){
            document.addEventListener('DOMContentLoaded', function(){
                var
                    options = {
                        loop: false
                    },
                    instance = PhotoSwipe.attach( window.document.querySelectorAll('#Gallery a'), options );
            }, false);
        }(window, window.Code.PhotoSwipe));

It loads the gallery and works very well but it only zooms in when I double-click the image. I wish it also worked the Pinch zoom vi on the photoswipe site.com example works but the code is too large and disorganized page so I could not find the solution.

Any idea ?

NOTE: the template came with this import in place of the pure Photoswipe "code.photoswipe-3. 0.4.min. js" will have something to do ?