如何确定是否在 jquery 滑块中触发了幻灯片

Question

http://basic-slider.com/

我想知道如何确定一个对象是否在基本滑块中有滑动？如果出现滑块，我想暂停视频，但不知道如何确定是否出现滑块？

更新：

下面的代码显示了我如何在 Galleria 滑块中显示 jwplayer。但问题是它只显示一个黑色方块。没有出现滑块或视频播放器，我确实想为此使用 jwplayer：

<?php
                        //start:procedure video

     if(count($arrVideoFile[$key]) > 1){
    ?>

    <style>
        #galleriavideo_<?php echo $key; ?>{ width: 500px; height: 300px; background: #000 }
    </style>

     <div id="galleriavideo_<?php echo $key; ?>">
    <?php
    foreach ($arrVideoFile[$key] as $v) { ?>
    <div id="myElement-<?php echo $key.'-'.$i; ?>">Loading the player...

    <script type="text/javascript">


    jwplayer("myElement-<?php echo $key.'-'.$i; ?>").setup({
        file: "<?php echo 'VideoFiles/'.$v; ?>",
        width: 480,
        height: 270
    });

    <?php $i++; ?>
    </script>

    </div>
    <?php } ?>
    </div>

             <script type="text/javascript">

                Galleria.loadTheme('jquery/classic/galleria.classic.min.js');
                Galleria.run('#galleriavideo_<?php echo $key; ?>');

              </script>

    <?php

            }

Answer 1

您选择的滑块似乎无法处理事件。也许你应该选择另一个插件？例如Galleria 就有这种可能性。检查Documentation => Events，尤其是image。

如果您想保留基本滑块，您可以更改代码以在显示幻灯片时添加您想要的内容。更多信息在这里：jQuery event to trigger action when a div is made visible

另一种解决方案是使用jQuery Watch plugin 并检测display 属性何时发生变化。

就个人而言，我认为第一个解决方案是最简单的:)