javascript'teki sonraki ve previouse tuşuyla görüntüyü büyütme

Question

Şu anda tasarımı gerçekleştirmeyi kullanıyorum ve yakınlaştırma işlevselliğini uygulamak istiyorum. Ben bir bağlantı gördük ve ben gibi uygulamak istediğiniz this.http://www.jqueryscript.net/demo/Responsive-Touch-enabled-jQuery-Image-Lightbox-Plugin/

MY KODU:

<a href="<catalog:ProductImageUrl pictureId="${pic.pictureId}" productName="${product.name}" useCase="zoom"/>"> 
    <img data-bigimgurl="<catalog:ProductImageUrl pictureId="${pic.pictureId}" productName="${product.name}" useCase="descriptionPageBig"/>" 
             width="60" class="prod-zoom-img" src="<catalog:ProductImageUrl pictureId="${pic.pictureId}" productName="${product.name}" useCase="modal-giftbox"/>" alt="view ${product.name}" title="${product.name}"> 
</a> 

Ben https://www.winni.in/bangalore/black-forest-cake/p/157?rfcid=4

ekran görüntüsü bu sayfada çalışıyorum:

Materialize tasarım zoom sağlamak işlevsellik ama görüntüyü değiştirmek için önceki ve sonraki düğmesine sahip değil. Bunun için bazı kolay arama yapıyorum. Bu problem için bana biraz fikir ver.

Answer 1

Işık kutusunu kullan - http://lokeshdhakar.com/projects/lightbox2/.

1. sayfanıza lightbox js ve css dosyaları içer

   Temelde gerekir. Açmak istediğiniz bağlantılara data-lightbox özniteliği ekleyin.

Örneğin bir özellik olacağını data-lightbox="image_collection_name"image_collection_name resimler aynı koleksiyonun bir parçası olan gösteren keyfi bir isim (ve oklarla onları göz atabilirsiniz)

olduğunu