2013-02-14 23 views
0

http://basic-slider.com/如何確定是否該幻燈片已經在jQuery的滑塊

我想知道你怎麼能確定一個對象在基本滑塊滑動被觸發?我想暫停視頻如果滑塊發生,但不知道如何確定幻燈片發生?

UPDATE:

下面顯示我如何顯示在拱廊滑塊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

您選擇似乎並不滑塊能夠處理的事件。也許你應該選擇另一個插件?例如Galleria有這種可能性。檢查Documentation => Events,特別是image

如果您想要保留基本滑塊,您可以更改代碼以在顯示幻燈片時添加所需內容。更多的信息在這裏:jQuery event to trigger action when a div is made visible

另一種解決方案是使用jQuery Watch plugin並檢測何時display屬性更改。

就個人而言,我認爲第一個解決方案是最簡單的:)

+0

我會去的第一個解決方案,但你可以幫助我,看到我做了什麼錯了,當試圖實現的Galleria滑塊,它一直說'init failed:Galleria counld not found element 72' element 72 is the'$ [key]'div。 – user2056342 2013-02-14 17:31:49

+0

當你運行Galleria時,你忘了添加一個'#':這行應該是'Galleria.run'('#galleriaimage _ <?php echo $ key;?>');' – 2013-02-14 18:12:04

+0

在我更新之前,可以給你upvote和最好的答案。它正在處理試圖將jwplayer顯示到環球免稅店滑塊 – user2056342 2013-02-14 19:29:25