2015-07-02 3 views
1

Возможно ли использовать jssor для клика по фотографии в слайд-шоу и по щелчку, чтобы открыть большую фотографию (отзывчивый/мобильный), например. в всплывающем окне?jssor onclick открыть большую версию

В настоящее время я использую следующий код:

<script> 
 
    jQuery(document).ready(function ($) { 
 
     var _SlideshowTransitions = [{ $Duration: 500, $Opacity: 2, $Brother: { $Duration: 1000, $Opacity: 2 } }]; 
 

 
     var options = { 
 
      $FillMode: 1, 
 
      $DragOrientation: 3, 
 
      $AutoPlay: true, 
 
      $AutoPlayInterval: 5000, 
 
      $SlideshowOptions: { 
 
       $Class: $JssorSlideshowRunner$, 
 
       $Transitions: _SlideshowTransitions, 
 
       $TransitionsOrder: 1, 
 
       $ShowLink: true 
 
      } 
 
     }; 
 

 
     var jssor_slider1 = new $JssorSlider$('artikelphoto', options); 
 
    }); 
 
</script>
<div u="slides" style="position: absolute; overflow: hidden; left: 0px; top: 0px; width: 200px; height: 200px;"> 
 
    <div><img u="image" src="/1.jpg" /></div> 
 
    <div><img u="image" src="/2.jpg" /></div> 
 
</div>

ответ

0
var jssor_slider1 = new $JssorSlider$('artikelphoto', options); 

function SliderClickEventHandler(slideIndex) { 
    //open your large image here 
} 

jssor_slider1.$On($JssorSlider$.$EVT_CLICK, SliderClickEventHandler); 
+0

Спасибо! Есть ли способ получить url изображения вместо slideIndex? –

+0

Нет, слайд поставляется с любым контентом, изображение может отсутствовать. – jssor

 Смежные вопросы

  • Нет связанных вопросов^_^