Documentation

Image and html carousel multipurpose

Getting started with Image and html carousel multipurpose

Image and html carousel multipurpose is a plugin for display of any blocks (images, divs, etc.) with a cascading “waterwheel” effect. Plugin is simple and flexible with shortcode.

Image and html carousel multipurpos work is based on CSS3 transformations, so it works in all modern browsers which support this technology.

shortcode examples

  • Design-1
  • [iahcmp_carousel design="design-1" perspective="50"]

  • Design-2
  • [iahcmp_carousel design="design-2" visible_items="1" separation="450" distance="400" perspective="1" opacity="0.5"]

  • Design-3
  • [iahcmp_carousel design="design-3" visible_items="2" separation="150" distance="10" perspective="80"]

  • Design-4
  • [iahcmp_carousel design="design-4" orientation="vertical" separation="250" perspective="50" mousewheel="true" show_content="false"]

Shortcode Parameters

  • Limit:
    [iahcmp_carousel limit="4"]
    You can set limit. If you want to show all post then set limit=”-1″.

  • Category:
    [iahcmp_carousel category="40,50"]
    Display carousel categories wise. You can pass multiple

  • Design:
    [iahcmp_carousel design="design-1"]
    Select the design to display. There are 2 designs ie design-1 to design-4

  • Order:
    [iahcmp_carousel order="DESC"]
    Set carousel by order. Values DESC or ASC

  • Orderby:
    [iahcmp_carousel orderby="date"]
    Order by Carousel post ie ID, author, title, date, name, rand etc.

  • Image Fit:
    [iahcmp_carousel image_fit="true"]
    Fit the Carousel image in wrap. Values are “true” or “false”.

  • Media Size:
    [iahcmp_carousel media_size="large"]
    Set the featured image size to display in post Values are thumbnail, medium, large, full

  • Slider Height:
    [iahcmp_carousel sliderheight="300"]
    Set Carousel height.

  • Show Content:
    [iahcmp_carousel show_content="true" ]
    Display post carousel content OR not. By default value is “true”. Options are “true OR false”.

  • Show Read More:
    [iahcmp_carousel show_read_more="true"]
    Display Read more button or not. Options are “true OR false”

  • Read More Text:
    [iahcmp_carousel show_author="Read More"]
    Change read more button text.

  • Link Target:
    [iahcmp_carousel link_target="blank"]
    Open a link in new tab or not. Values are “blank OR self”.

  • Center Width:
    [iahcmp_carousel center_width="500"]
    Set center item with of Carousel.

  • Orientation:
    [iahcmp_carousel orientation="horizontal"]
    Set orientation carousel. horizontal OR vertical

  • Visible Items:
    [iahcmp_carousel visible_items="1"]
    Center visible items of carousel

  • Mouse Wheel:
    [iahcmp_carousel mousewheel="true"]
    Enable mousewheel. By default value is “false”. Options are “true OR false”.

  • Separation:
    [iahcmp_carousel separation="400"]
    Separation of each item from one another in pixels

  • Perspective:
    [iahcmp_carousel perspective="10"]
    Side items perspective rotation

  • Opacity:
    [iahcmp_carousel opacity="0.5"]
    Opacity of side items. Value from 0 to 1 as in CSS.

  • Distance:
    [iahcmp_carousel distance="300"]
    Z-axis offset of each side item from the center item in pixels.

  • Arrows:
    [iahcmp_carousel arrows="true"]
    Display arrows or not. By default value is “true”. Options are “true OR false”.

  • Autoplay:
    [iahcmp_carousel autoplay="3000"]
    Set autoplay true and speed 3000ms. To stop the autoplay set value to 0

  • Speed:
    [iahcmp_carousel speed="3000"]
    Animation speed in millisecond.

Updated On 5 Jul 2017