将Jssor Slider与E-Smart Zoom集成

Question

我正在使用Jssor滑块，它工作得很好;但是我想整合当前幻灯片的缩放效果。变焦适用于第一张幻灯片，但它不适用于第二张幻灯片。

启动缩放的Jquery代码：

jQuery(document).ready(function ($) {
    $('#imageFullScreen').smartZoom({'containerClass':'zoomableContainer'});
  });

滑块的HTML代码：

   <div  u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 800px; height: 356px; overflow: hidden;">
    <div>
        <img u="image" src="img/alila/01.jpg" id="imageFullScreen"/>
        <img u="thumb" src="img/alila/thumb-01.jpg" />
    </div>
    <div>
        <img u="image" src="img/alila/02.jpg" id="imageFullScreen" />
        <img u="thumb" src="img/alila/thumb-02.jpg" />
    </div>
  </div>

来源：

缩放： http://e-smartdev.com/#!jsPluginList/panAndZoomJQuery

滑块：http://www.jssor.com/

修改

我尝试提供不同"id"的图片并​​包含这些js命令$('#imageFullScreen_for1').smartZoom()和$('#imageFullScreen_for2').smartZoom() //只是虚拟实际名称为＃one，＃t＆amp;等...... ..

正如预期的那样第一个效果很好但是当双击zoomin＆amp;时第二个图像消失了。缩小效果。

http://sociomarker.com/websites/demo/