Cycle2 幻灯片 youtube答案

【问题标题】：Cycle2 Slideshow youtubeCycle2 幻灯片 youtube
【发布时间】：2014-09-09 20:43:01
【问题描述】：

我对 youtube cycle2 插件有疑问。

以下是代码的设置方式：

    data-cycle2-slides            ='>a'
    data-cycle2-easing            ='".$easing."' 
    data-cycle2-fx                ='".$effect."' 
    data-cycle2-timeout           ='".$timeout."' 
    data-cycle2-pause-on-hover    ='".$pause."' 
    data-cycle2-speed             ='".$speed."'
    data-cycle2-youtube            ='true'
    data-cycle2-youtube-autostart  ='true'
    data-cycle2-youtube-autostop   ='true'

那么我就是这样称呼视频的：

    <div class="slideshow cycle2-slideshow">
      <a href="http://www.youtube.com/v/boi9_JIEe-Y?hl=en_US&amp;version=3&amp;rel=0" >1</a>
      <a href="http://www.youtube.com/v/srKLoOBqt0w?version=3&amp;hl=en_US&amp;rel=0" >2</a>
      <a href="http://www.youtube.com/v/NLdXk21ZaYw?hl=en_US&amp;version=3&amp;rel=0" >3</a>
      <a href="http://www.youtube.com/v/KPOvBPRYkts?hl=en_US&amp;version=3&amp;rel=0" >4</a>    
     </div>

我是根据http://jquery.malsup.com/cycle2/demo/video.php 的文档来做这个的。我遇到的问题是视频没有显示。有什么原因吗？

谢谢。

【问题讨论】：

PHP 渲染是否正确？数据属性是否正确呈现为 HTML？你能发布实际的 HTML 是什么吗？
另外，数据属性应该被声明为.slideshow元素的一部分，所以我不确定这些数据属性来自哪里。

标签： javascript jquery youtube jquery-cycle2

【解决方案1】：

几样东西；

cycle2-slideshow 应该是cycle-slideshow（去掉“2”）

例如。 <div class="slideshow cycle-slideshow">

数据属性应该以data-cycle-XXXX开头而不是data-cycle2-XXXX（去掉“2”）

例如。 data-cycle-slides = '>a'

DEMO

【讨论】：

【解决方案2】：

也许在您的元素中声明您的数据属性可能会有所帮助。这是他们应该被宣布的方式。

<div 
     class="slideshow cycle-slideshow"
     data-cycle-slides            ='>a'
     data-cycle-easing            ='".$easing."' 
     data-cycle-fx                ='".$effect."' 
     data-cycle-timeout           ='".$timeout."' 
     data-cycle-pause-on-hover    ='".$pause."' 
     data-cycle-speed             ='".$speed."'
     data-cycle-youtube            ='true'
     data-cycle-youtube-autostart  ='true'
     data-cycle-youtube-autostop   ='true'
 >
           <a href="http://www.youtube.com/v/boi9_JIEe-Y?hl=en_US&amp;version=3&amp;rel=0" >1</a>
           <a href="http://www.youtube.com/v/srKLoOBqt0w?version=3&amp;hl=en_US&amp;rel=0" >2</a>
           <a href="http://www.youtube.com/v/NLdXk21ZaYw?hl=en_US&amp;version=3&amp;rel=0" >3</a>
           <a href="http://www.youtube.com/v/KPOvBPRYkts?hl=en_US&amp;version=3&amp;rel=0" >4</a>    
          </div>

我还要确保 PHP 正确呈现，以免弄乱您的 HTML 和数据属性。

编辑：正如提到的另一个答案，数据属性和类应该是cycle 而不是cycle2

【讨论】：