Images and sliders

Fullwidth flexslider

[sourcecode language=”html”][wide_slider controlnav="true"] [wide_slider_item imgsrc="..."] [box]…[/box] [/wide_slider_item] [wide_slider_item imgsrc="..." contentplace="rightDown"] [box]…[/box] [/wide_slider_item] [/wide_slider][/sourcecode]
wide_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;
wide_slider_item parameters
  • imgsrc - source, image
  • contentplace - inCenter; rightDown; rightUp; leftDown; leftUp;

Flexslider

  • Videocase your
    products or services

    Pellentesque hendrerit, nisl vitae aliquam varius, metus ante ultricies tellus, ut porttitor est odio in mauris. Fusce ante nunc, fringilla et elementum posuere, cursus in velit.

    Learn More

  • Videocase your
    products or services

    Pellentesque hendrerit, nisl vitae aliquam varius, metus ante ultricies tellus, ut porttitor est odio in mauris. Fusce ante nunc, fringilla et elementum posuere, cursus in velit.

    Learn Moreeee

[sourcecode language=”html”][flex_slider] [flex_slider_item imgsrc="..."] …[/flex_slider_item] [flex_slider_item imgsrc="..." link="..."
background="distinctive"] …[/flex_slider_item] [/flex_slider][/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
  • background - background style, background color - basic; distinctive;

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

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
  • overlay - content overlay, show content overlay? - yes; no;
  • overlayicon
Back to top