轮播简码

Slide Images

    Get The Code

    [carousel coin_nav="standard" direction_nav="standard" progress_bar="standard"]

    [carousel_item]

    <img alt="Slide #1" src="http://121.42.157.29/3clicks/wp-content/uploads/2013/04/photo_11_v011.jpg" />

    [/carousel_item]

    [carousel_item]

    <img alt="Slide #2" src="http://121.42.157.29/3clicks/wp-content/uploads/2013/04/photo_11_v011.jpg" />

    [/carousel_item]

    [carousel_item]

    <img alt="Slide #3" src="http://121.42.157.29/3clicks/wp-content/uploads/2013/04/photo_11_v011.jpg" />

    [/carousel_item]

    [/carousel]

    Slide Any Content

    • The carousel can be used as a part of any columns layout. It will properly adjust to the surrounding content.

      Get The Code

      [carousel coin_nav="none" direction_nav="standard" progress_bar="none"]

      [carousel_item]

      [fluid_wrapper width="636" height="212"]<iframe width="377" height="212" src="http://www.youtube.com/embed/YE7VzlLtp-4?feature=oembed&amp;wmode=transparent&amp;autohide=1&amp;autoplay=0&amp;disablekb=0&amp;fs=1&amp;loop=0&amp;enablejsapi=1&amp;rel=0&amp;controls=2&amp;showinfo=0&amp;wmode=transparent&amp;autohide=2&amp;autoplay=0&amp;disablekb=0&amp;fs=1&amp;loop=0&amp;enablejsapi=1&amp;rel=0&amp;controls=2&amp;showinfo=1" frameborder="0" allowfullscreen></iframe>[/fluid_wrapper]

      [/carousel_item]

      [carousel_item]

      <img alt="Slide #2" src="http://121.42.157.29/3clicks/wp-content/uploads/2013/04/photo_11_v011.jpg" />

      [/carousel_item]

      [carousel_item]

      <div style="width: 626px; height: 212px;"> <h3>Sample Text Slide</h3>

      Lorem ipsum dolor sit amet, consectetur adipiscing elit.

      </div>

      [/carousel_item]

      [/carousel]

      Customize Your Carousel

      • Show/Hide Coin Navigation
      • Show/Hide Direction Navigation (Next/Prev)
      • Show/Hide Progress Bar

      Shortcode documentation

      • id
        ID属性指定HTML元素的ID
        必须是HTML文档中唯一的
        (主要为附加的CSS/JS)
      • class
        这个类属性指定HTML元素类名
        (主要为附加的CSS/JS)
      • coin_nav
        启用另一种导航
        适用的选项:
        • none - 隐藏
        • standard - 显示
      • direction_nav
        启用上一个/下一个导航
        适用的选项:
        • none - 隐藏
        • standard - 显示
      • autoplay
        适用的选项:
        • standard - 是
        • none - 无
      • timeout
        时间滑块在转场间暂停(单位毫秒)。

      Shortcode documentation

      • id
        ID属性指定HTML元素的ID
        必须是HTML文档中唯一的
        (主要为附加的CSS/JS)
      • class
        这个类属性指定HTML元素类名
        (主要为附加的CSS/JS)