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

时间:2013-02-14 16:21:33

标签: jquery jquery-slider

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

            }

1 个答案:

答案 0 :(得分:1)

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

如果您想要使用基本滑块,可以更改代码以在显示幻灯片时添加所需内容。更多信息:jQuery event to trigger action when a div is made visible

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

就个人而言,我认为第一种解决方案最简单:)