Jquery 如何在不破坏幻灯片功能的情况下使JSSOR滑块具有可单击的图像?
我使用JSSOR滑块在一个网站上的多个图像 我添加了一个Jquery 如何在不破坏幻灯片功能的情况下使JSSOR滑块具有可单击的图像?,jquery,jssor,Jquery,Jssor,我使用JSSOR滑块在一个网站上的多个图像 我添加了一个如果拖动操作成功,Jssor滑块将停止触发“单击”事件。但我不确定fancy box是否会在jssor滑块之前捕获“click”事件 因此,请按以下方式以编程方式打开您的花式盒子 <script> jQuery(document).ready(function ($) { var options = { $AutoPlay: true,
如果拖动操作成功,Jssor滑块将停止触发“单击”事件。但我不确定fancy box是否会在jssor滑块之前捕获“click”事件 因此,请按以下方式以编程方式打开您的花式盒子
<script>
jQuery(document).ready(function ($) {
var options = {
$AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
$DragOrientation: 1 //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
};
var jssor_slider1 = new $JssorSlider$("slider1_container", options);
function SliderClickEventHandler(slideIndex, event) {
//open fancy box
}
jssor_slider1.$On($JssorSlider$.$EVT_CLICK, SliderClickEventHandler);
});
</script>
jQuery(文档).ready(函数($){
变量选项={
$AutoPlay:true,//[可选]是否自动播放,若要启用幻灯片放映,此选项必须设置为true,默认值为false
$DragOrientation:1//[可选]拖动幻灯片的方向,0不拖动,1水平,2垂直,3任意,默认值为1(请注意,$DISPLAYPIGES大于1或停车位置不为0时,$DRAGORIENTION应与$PLAYORIENTION相同)
};
var jssor_slider1=新的$JssorSlider$(“slider1_容器”,选项);
函数SliderClickEventHandler(slideIndex,事件){
//打开花式盒子
}
jssor_slider1.$On($JssorSlider$.$EVT_CLICK,SliderClickEventHandler);
});
如果拖动jssor滑块中的链接,则不会触发单击事件。请在这里发布您的代码。我使用了基本示例代码的滑块,并添加了Jssor,我在上面添加了我的代码,我可以看到它对基本链接很好,但不使用fancybox控件。我可以看到这是如何工作的,我遇到的麻烦是我需要将图像源解析到fancybox控件。这可能吗?您可以通过参数“slideIndex”确定图像源。我正在asp.net web应用程序中使用jssor滑块。我试着添加
<script>
jQuery(document).ready(function ($) {
var options = {
$AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
$DragOrientation: 1 //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
};
var jssor_slider1 = new $JssorSlider$("slider1_container", options);
function SliderClickEventHandler(slideIndex, event) {
//open fancy box
}
jssor_slider1.$On($JssorSlider$.$EVT_CLICK, SliderClickEventHandler);
});
</script>