Carrousel shortcodes

Slide Images

    Verkrijg de code

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

    [carousel_item]

    <img src="/wp-content/uploads/2013/04/viewport_slide_3_v01-636x212.jpg" alt="Slide #1" />

    [/carousel_item]

    [carousel_item]

    <img src="/wp-content/uploads/2013/04/viewport_slide_3_v01-636x212.jpg" alt="Slide #2" />

    [/carousel_item]

    [carousel_item]

    <img src="/wp-content/uploads/2013/04/viewport_slide_1_v01-636x212.jpg" alt="Slide #3" />

    [/carousel_item]

    [/carrousel]

    Slide Any Content

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

      Verkrijg de 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 src="/wp-content/uploads/2013/04/viewport_slide_4_v01-636x212.jpg" alt="Slide #2" />

      [/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]

      [/carrousel]

      Customize Your Carousel

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

      [carrousel] Shortcode documentatie

      • ID kaart
        Het id-kenmerk specificeert een id voor een HTML-element.
        Het moet uniek zijn binnen het HTML-document.
        (Voornamelijk voor aanvullende styling / scripting-doeleinden)
      • klasse
        Het class attribuut specificeert een class naam voor een HTML element.
        (Voornamelijk voor aanvullende styling / scripting-doeleinden)
      • coin_nav
        Enable Coin Navigation
        Beschikbare opties:
        • none - hide
        • standard - show
      • direction_nav
        Enable Next/Prev Navigation
        Beschikbare opties:
        • none - hide
        • standard - show

      [carousel_item] Shortcode documentatie

      • ID kaart
        Het id-kenmerk specificeert een id voor een HTML-element.
        Het moet uniek zijn binnen het HTML-document.
        (Voornamelijk voor aanvullende styling / scripting-doeleinden)
      • klasse
        Het class attribuut specificeert een class naam voor een HTML element.
        (Voornamelijk voor aanvullende styling / scripting-doeleinden)