Awake
  • HomeHighly Flexible
    • Alt Home #1
    • Alt Home #2
    • Alt Home #3
    • Alt Home #4
    • Alt Home #5
  • BlogGet to know us
    • Blog Index Layouts
      • Blog Layout #1
      • Blog Layout #1 Full
      • Blog Layout #2
      • Blog Layout #2 Full
      • Blog Layout #3
      • Blog Layout #3 Full
    • Single Post Layouts
      • Full Width Post Example
      • Left Sidebar Post Example
      • Right Sidebar Post Example
    • Blog Column Shortcodes
    • Blog List Shortcodes
    • Columns & Lists
    • jCarousel Blog Shortcodes
  • GalleriesEndless Possibilites
    • Portfolio 1 Column
    • Portfolio 2 Columns
    • Portfolio 3 Columns
    • Portfolio 4 Columns
    • Video Portfolios
    • jCarousel Portfolios
    • WordPress’s Default
    • Galleria Shortcodes
    • Fancy Images
    • Multiple Galleries
  • PagesContent Examples
    • About Us
    • Contact
    • FAQs
    • Pricing Boxes
    • Pricing Table
    • Services
    • Testimonials
    • Top 10 Reasons
    • Squeeze Page
    • Sitemap
    • 404 Error Page
  • Features
    • Admin Panel Options
      • General Settings
      • Homepage
      • Skins
      • Image Resizing
      • Slideshow
      • Blog
      • Sidebar
      • Footer
      • Sociable
      • Advanced
    • Full Screen Backgrounds
    • Shortcode Generator
    • Skin Generator
    • Skinning Community
    • BuddyPress Child Theme
    • XML Starter Content
    • Layout Options
      • Intro Blurb Options
        • Image Banner Intro
        • Title Only
        • Title & Recent Tweet
        • Title & Custom Teaser Text
        • Custom Html Intro
        • Nivo Slider Intro
        • Galleria Slider Intro
        • Completely Disabled Intro Blurb
      • Full Width
      • Left Sidebar
      • Right Sidebar
      • Column Layouts
    • Enhanced Performance
    • Completely Localized
    • Extensive Documentation
    • Dedicated Support Team
    • Custom Widgets
    • Cross Browser
    • Mulitple Sliders
      • Fading Slider
      • Scrolling Slider
      • No Slider
      • Nivo Slider
      • Static Slider
    • Image Resizing
    • Typography
    • Supported Plugins
    • Free Trial
    • Multimedia Support
  • HelpNeed Help?
    • Support Forum
    • Online Documentation
    • Changelog
  • ShortcodesOver 140!
    • Columns
    • Fancy Links & Buttons
    • Fancy Boxes
    • Fancy Lists
    • Fancy Tables
    • Fancy Headers
    • Dropcaps
    • Blockquotes & Pullquotes
    • Highlighter Shortcodes
    • jQuery Tabs
    • jQuery Toggles
    • jQuery Tooltips
    • Blog Posts Shortcodes
    • Portfolio Shortcodes
    • Contact Form
    • Image Frames & Effects
    • Fancy Images
    • Galleria Shortcodes
    • Slider Shortcodes
    • Video Shortcodes
    • Widget Shortcodes
    • Social Media
    • Advanced/Misc.
    • Google Maps
    • Google Charts
    • Testimonials
    • Icon Shortcodes
    • jCarousel Shortcodes
    • Squeeze Page Shortcodes
  • Skins
Search

Home / Shortcodes / jCarousel Shortcodes
  • All Shortcodes
  • Columns
  • Fancy Links & Buttons
  • Fancy Boxes
  • Fancy Lists
  • Fancy Tables
  • Fancy Headers
  • Dropcaps
  • Blockquotes & Pullquotes
  • Highlighter Shortcodes
  • jQuery Tabs
  • jQuery Toggles
  • jQuery Tooltips
  • Blog Posts Shortcodes
  • Portfolio Shortcodes
  • Contact Form
  • Image Frames & Effects
  • Fancy Images Shortcode
  • Galleria Shortcodes
  • Slider Shortcodes
  • Video Shortcodes
  • Widget Shortcodes
  • Social Media
  • Miscellaneous
  • Google Maps
  • Google Charts
  • Testimonials
  • Icon Shortcodes
  • jCarousel Shortcodes
  • Squeeze Page Shortcodes
view docs

jCarousel Shortcodes

Add your own custom html, images, or even try nesting some our typography shortcodes inside the slides. And don’t forget to check out our jCarousel portfolio and blog shortcodes below:

jCarousel Portfolio Shortcodes
jCarousel Blog Shortcodes

Default Settings

Simple jCarousel

  • 1
  • 2
  • 3
  • 4
Get The Code
[jcarousel]
[slide] [fancy_header2]1[/fancy_header2] [/slide]
[slide] [fancy_header2]2[/fancy_header2] [/slide]
[slide] [fancy_header2]3[/fancy_header2] [/slide]
[slide] [fancy_header2]4[/fancy_header2] [/slide]
[/jcarousel]
Additional Attributes

jCarousel Attributes:

visible="2"
scroll="1"
wrap="both"
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
Get The Code
[jcarousel visible="2" scroll="1" wrap="both"]
[slide] [fancy_header2]1[/fancy_header2] [/slide]
[slide] [fancy_header2]2[/fancy_header2] [/slide]
[slide] [fancy_header2]3[/fancy_header2] [/slide]
[slide] [fancy_header2]4[/fancy_header2] [/slide]
[slide] [fancy_header2]5[/fancy_header2] [/slide]
[slide] [fancy_header2]6[/fancy_header2] [/slide]
[/jcarousel]

jCarousel Attributes:

visible="3"
scroll="3"
wrap="both"
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
Get The Code
[jcarousel visible="3" scroll="3" wrap="both"]
[slide] [fancy_header2]1[/fancy_header2] [/slide]
[slide] [fancy_header2]2[/fancy_header2] [/slide]
[slide] [fancy_header2]3[/fancy_header2] [/slide]
[slide] [fancy_header2]4[/fancy_header2] [/slide]
[slide] [fancy_header2]5[/fancy_header2] [/slide]
[slide] [fancy_header2]6[/fancy_header2] [/slide]
[/jcarousel]

jCarousel Attributes:

visible="2"
scroll="2"
auto="3"
wrap="both"
space="1"
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
Get The Code
[jcarousel visible="2" scroll="2" auto="3" wrap="both" space="1"]
[slide] [fancy_header2]1[/fancy_header2] [/slide]
[slide] [fancy_header2]2[/fancy_header2] [/slide]
[slide] [fancy_header2]3[/fancy_header2] [/slide]
[slide] [fancy_header2]4[/fancy_header2] [/slide]
[slide] [fancy_header2]5[/fancy_header2] [/slide]
[slide] [fancy_header2]6[/fancy_header2] [/slide]
[/jcarousel]
Add All Kinds of Content!

Add your own custom html, images, or even try nesting some our typography shortcodes inside the slides. And don’t forget to check out our jCarousel portfolio and blog shortcodes below:

jCarousel Portfolio Shortcodes
jCarousel Blog Shortcodes

  • jCarousel image
  • jCarousel image
  • jCarousel image
  • jCarousel image
  • jCarousel image
  • jCarousel image
  • jCarousel image
  • jCarousel image
Get The Code
[jcarousel visible="4" scroll="1" wrap="both" space="1"]
[slide]<img src="http://yoursite.com/thumb-1.jpg" alt="" width="100%" />[/slide]
[slide]<img src="http://yoursite.com/thumb-2.jpg" alt="" width="100%" />[/slide]
[slide]<img src="http://yoursite.com/thumb-3.jpg" alt="" width="100%" />[/slide]
[slide]<img src="http://yoursite.com/thumb-4.jpg" alt="" width="100%" />[/slide]
[slide]<img src="http://yoursite.com/thumb-5.jpg" alt="" width="100%" />[/slide]
[slide]<img src="http://yoursite.com/thumb-6.jpg" alt="" width="100%" />[/slide]
[/jcarousel]
  • This is Slide #1

    1Quisque justo neque interdum eu semper at, interdum tincidunt augue. Maecenas non enim id ante volutpat pretium. Morbi blandit ultrices sem, sit amet sagittis lectus interdum a. Aliquam quis leo metus, sit amet ornare nibh! Sed at nisi purus.
  • This is Slide #2

    2Proin quam lacus, fermentum a commodo vitae, bibendum volutpat libero. Integer cursus tempus lacus, eget pellentesque nisi tempus ac. Proin eget arcu augue, nec convallis arcu! Sed ornare enim eu nibh mattis condimentum
  • This is Slide #3

    3Cras id lorem ante, eget iaculis velit! Nullam varius hendrerit erat placerat egestas. Morbi a sem leo. Pellentesque eget tortor sit amet eros venenatis hendrerit. Proin non tortor id quam sodales iaculis at in purus.
  • This is Slide #4

    4Donec malesuada aliquam neque eu ornare. Suspendisse ut nisl quam. Sed viverra placerat tellus, a eleifend est vulputate mollis. Aliquam a ligula ut metus elementum dictum. Nam ac sapien et mauris mattis sagittis nec congue nunc.
  • This is Slide #5

    5Suspendisse ut nisl quam. Sed viverra placerat tellus, a eleifend est vulputate mollis. Aliquam a ligula ut metus elementum dictum. Nam ac sapien et mauris mattis sagittis nec congue nunc. Phasellus dapibus nulla vitae diam semper et lacinia nunc dapibus.
Get The Code
[jcarousel visible="2" scroll="1" wrap="both"]
[slide]<h4>This is Slide #1</h4>
[dropcap4]1[/dropcap4]Quisque justo neque interdum eu semper at, interdum tincidunt augue. Maecenas non enim id ante volutpat pretium. Morbi blandit ultrices sem, sit amet sagittis lectus interdum a. Aliquam quis leo metus, sit amet ornare nibh! Sed at nisi purus.[/slide]
[slide]<h4>This is Slide #2</h4>
[dropcap4]2[/dropcap4]Proin quam lacus, fermentum a commodo vitae, bibendum volutpat libero. Integer cursus tempus lacus, eget pellentesque nisi tempus ac. Proin eget arcu augue, nec convallis arcu! Sed ornare enim eu nibh mattis condimentum[/slide]
[slide]<h4>This is Slide #3</h4>
[dropcap4]3[/dropcap4]Cras id lorem ante, eget iaculis velit! Nullam varius hendrerit erat placerat egestas. Morbi a sem leo. Pellentesque eget tortor sit amet eros venenatis hendrerit. Proin non tortor id quam sodales iaculis at in purus.[/slide]
[slide]<h4>This is Slide #4</h4>
[dropcap4]4[/dropcap4]Donec malesuada aliquam neque eu ornare. Suspendisse ut nisl quam. Sed viverra placerat tellus, a eleifend est vulputate mollis. Aliquam a ligula ut metus elementum dictum. Nam ac sapien et mauris mattis sagittis nec congue nunc.[/slide]
[slide]<h4>This is Slide #5</h4>
[dropcap4]5[/dropcap4]Suspendisse ut nisl quam. Sed viverra placerat tellus, a eleifend est vulputate mollis. Aliquam a ligula ut metus elementum dictum. Nam ac sapien et mauris mattis sagittis nec congue nunc. Phasellus dapibus nulla vitae diam semper et lacinia nunc dapibus.[/slide]
[/jcarousel]
  • Lorem Ipsum Dolor

    Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor sollicitudin vitae rhoncus element um dictum in lacus.

  • Lorem Ipsum Dolor

    Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor sollicitudin vitae rhoncus element um dictum in lacus.

  • Lorem Ipsum Dolor

    Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor sollicitudin vitae rhoncus element um dictum in lacus.

  • Lorem Ipsum Dolor

    Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor sollicitudin vitae rhoncus element um dictum in lacus.

  • Lorem Ipsum Dolor

    Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor sollicitudin vitae rhoncus element um dictum in lacus.

  • Lorem Ipsum Dolor

    Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor sollicitudin vitae rhoncus element um dictum in lacus.

Get The Code
[jcarousel visible="3" scroll="1" wrap="both"]
[slide] [icon_banner type="Leaf"]<h4 class="margin10">Lorem Ipsum Dolor</h4>
<p class="margin10">Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor sollicitudin vitae rhoncus element um dictum in lacus.</p>[/slide]
[slide] [icon_banner type="Footprints"]<h4 class="margin10">Lorem Ipsum Dolor</h4>
<p class="margin10">Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor sollicitudin vitae rhoncus element um dictum in lacus.</p>[/slide]
[slide] [icon_banner type="Download"]<h4 class="margin10">Lorem Ipsum Dolor</h4>
<p class="margin10">Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor sollicitudin vitae rhoncus element um dictum in lacus.</p>[/slide]
[slide] [icon_banner type="Android"]<h4 class="margin10">Lorem Ipsum Dolor</h4>
<p class="margin10">Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor sollicitudin vitae rhoncus element um dictum in lacus.</p>[/slide]
[slide] [icon_banner type="Help"]<h4 class="margin10">Lorem Ipsum Dolor</h4>
<p class="margin10">Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor sollicitudin vitae rhoncus element um dictum in lacus.</p>[/slide]
[slide] [icon_banner type="HourGlass"]<h4 class="margin10">Lorem Ipsum Dolor</h4>
<p class="margin10">Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor sollicitudin vitae rhoncus element um dictum in lacus.</p>[/slide]
[/jcarousel]
  • Icon Header

    Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor. Praesent urna diam, sollicitudin vitae rhoncus elementum, dictum in lacus.

  • Icon Header

    Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor. Praesent urna diam, sollicitudin vitae rhoncus elementum, dictum in lacus.

  • Icon Header

    Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor. Praesent urna diam, sollicitudin vitae rhoncus elementum, dictum in lacus.

  • Icon Header

    Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor. Praesent urna diam, sollicitudin vitae rhoncus elementum, dictum in lacus.

  • Icon Header

    Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor. Praesent urna diam, sollicitudin vitae rhoncus elementum, dictum in lacus.

  • Icon Header

    Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor. Praesent urna diam, sollicitudin vitae rhoncus elementum, dictum in lacus.

Get The Code
[jcarousel visible="2" scroll="1" wrap="both"]
[slide]
[icon_teaser style="full_color" type="new_mail" title="Icon Header"]Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor. Praesent urna diam, sollicitudin vitae rhoncus elementum, dictum in lacus.[/icon_teaser]
[/slide]
[slide]
[icon_teaser style="full_color" type="new_mail" title="Icon Header"]Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor. Praesent urna diam, sollicitudin vitae rhoncus elementum, dictum in lacus.[/icon_teaser]
[/slide]
[slide]
[icon_teaser style="full_color" type="new_mail" title="Icon Header"]Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor. Praesent urna diam, sollicitudin vitae rhoncus elementum, dictum in lacus.[/icon_teaser]
[/slide]
[slide]
[icon_teaser style="full_color" type="new_mail" title="Icon Header"]Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor. Praesent urna diam, sollicitudin vitae rhoncus elementum, dictum in lacus.[/icon_teaser]
[/slide]
[/jcarousel]
  • Quick Tutorial - Creating a Letterpress and Embossed Text Effects in Photoshop - 1stwebdesigner – http://t.co/ER6dqw5d via @1stwebdesigner

Features

  • Mulitple Sliders
  • Layout Options
  • Typography
  • Admin Panel Options
  • Shortcode Generator
  • Skin Generator

Galleries

  • Portfolio 1 Column
  • Portfolio 2 Columns
  • Portfolio 3 Columns
  • Portfolio 4 Columns
  • WordPress’s Default
  • Galleria Shortcode
  • Fancy Images
  • Multiple Galleries

Pages

  • About Us
  • Pricing Boxes
  • Services
  • Testimonials
  • Contact
  • Sitemap
  • 404 Error Page

Shortcodes

  • jQuery Tabs
  • jQuery Tooltips
  • Widget Shortcodes
  • Video Shortcodes
  • Social Media
  • Slider Shortcodes
  • Blog Posts Shortcodes
  • Portfolio Shortcodes
  • And much more!

Layouts

  • Full Width
  • Left Sidebar
  • Right Sidebar
  • Column Layouts

MISC

  • Support Forum
  • Online Documentation
  • Changelog
  • Customizations
  • Download more skins
© 2011 Mysitemyway. All Rights Reserved.