Images and sliders

Fullwidth flexslider

[sourcecode language=”html”]

[full_width][wide_slider] [wide_slider_item imgsrc="..."] [box]…[/box] [/wide_slider_item] [wide_slider_item imgsrc="..." contentplace="rightDown"] …
[/wide_slider_item] [/wide_slider][/full_width][/sourcecode]

wide_slider parameters
  • effect - slider effect - slide; fade;
  • slideshow - true; false;
  • pause - pause time, how long each slide will show in miliseconds (1 sec = 1000 milisec) - used only when slideshow is true
  • animspeed - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec) - used only when slideshow is true
  • loop - loop slider? - true; false;
wide_slider_item parameters
  • title - slide title
  • imgsrc - source, image link
  • contentplace - default; inCenter; rightDown; rightUp; leftDown; leftUp;
  • header - slide box header
  • link - slide box link

Flexslider

[sourcecode language=”html”][flex_slider] [flex_slider_item imgsrc="..."] …[/flex_slider_item] [flex_slider_item imgsrc="..."] …[/flex_slider_item] [/flex_slider][/sourcecode]
flex_slider parameters
  • effect - slider effect - slide; fade;
  • slideshow - true; false;
  • pause - pause time, how long each slide will show in miliseconds (1 sec = 1000 milisec) - used only when slideshow is true
  • animspeed - animation speed, slide transition speed in miliseconds (1 sec = 1000 milisec) - used only when slideshow is true
flex_slider_item parameters
  • title - slide title
  • imgsrc - source, image link

Logo slider

[sourcecode language=”html”]
[[logo_slider] [logo_slider_item link="#" imgsrc="..."] …
[logo_slider_item link="#" imgsrc="..."] [/logo_slider]]
[/sourcecode]
logo_slider_item parameters
  • imgsrc - image source

Images

[sourcecode language=”html”]
[[img width="400" height="400"
overlay="yes"
overlayicon="plus"
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
  • animation_speed - animation speed, in miliseconds ex. 2000 is 2 seconds
  • animation - animate this element once it becomes visible. supported animations: https://daneden.me/animate/
Back to top