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.

[sourcecode language=”html”] [full_width][flex_slider] [flex_slider_item imgsrc="..."] [box]…[/box] [/flex_slider_item] …
[/flex_slider][/full_width][/sourcecode]
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

[sourcecode language=”html”][nivo_slider] [nivo_slider_item imgsrc="..."] [nivo_slider_item imgsrc="..." link="..."] [/nivo_slider][/sourcecode]
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

[sourcecode language=”html”][logo_slider] [logo_slider_item link="#" imgsrc="..."] [/logo_slider][/sourcecode]
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

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

© 2024 octavus Network. All rights reserved.

Back to top