Images and sliders

Flexslider

  • Modern, trendy
    and creative

    Praesent molestie velit elementum pretium. Nulla nisl et vitae tortor tristique lobortis. Vestibulum ante ipsum primis faucibus orci luctus et ultrices posuere cubilia.

  • Welcome
    to Octavus!

    Aenean non sem eu odio feugiat porttitor. Pellentesque ultrices, lacus nisi ultricies dapibus, libero enim consectetur magna, quis facilisis arcu velit sed odio.

[full_width][flex_slider]
[flex_slider_item imgsrc="..."]
[box]...[/box]
[/flex_slider_item] 
...
[/flex_slider][/full_width]
flex_slider parameters
  • effect - slider effect - slide; fade;
  • pause - pause time, how long each slide will show in miliseconds (1 sec = 1000 milisec)
  • animspeed - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)
  • controlnav - show control navigation - true; false;
  • dirnav - show direction navigation - true; false;
flex_slider_item parameters
  • imgsrc - source, image
  • link - link from image

Nivo slider

[nivo_slider]
[nivo_slider_item imgsrc="..."] 
[nivo_slider_item imgsrc="..." link="..."] 
[/nivo_slider]
nivo_slider parameters
  • effect - slider effect - random; sliceDown; sliceDownLeft; sliceUp; sliceUpLeft; sliceUpDown; sliceUpDownLeft; fold; fade; slideInRight; slideInLeft; boxRandom; boxRain; boxRainReverse; boxRainGrow; boxRainGrowReverse;
  • pause - pause time, how long each slide will show in miliseconds (1 sec = 1000 milisec)
  • animspeed - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec)
  • slices - number of slices for slice animations
  • boxcols - box columns, number of columns for box animations
  • boxrows - number of rows for box animations
nivo_slider_item parameters
  • imgsrc - source, image
  • link - link from image

Logo slider

[logo_slider]
[logo_slider_item link="#" imgsrc="..."]
[/logo_slider]
logo_slider parameters
  • itemwidth - single logo container width
  • minitems - minimum items, minimum number of items that should be visible
  • maxitems - maximum items, maxmimum number of items that should be visible
  • move - move items, number of items that should move on animation. if 0, slider will move all visible items.
  • nav - navigation, display navigation? - true; false;
  • loop - loop animation, loop animation? - true; false;
logo_slider_item parameters
  • imgsrc - image source

Images

[[img width="400" height="400"
src="..." align="left"]]
parameters
  • src - image, image source
  • alt - alternate text
  • width - image width
  • height - image height
  • align - image align - default; left; center; right;
  • class - image class

© 2017 Octavus. All rights reserved.

Back to top