Images and sliders

Parallax

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

[sourcecode language=”html”]
[full_width] [parallax imgsrc="..."] …
[/parallax] [/full_width][/sourcecode]
parameters
  • type - type of the parallax. you can use only one "main" parallax on single page. - simple; main;
  • id - header id, html id attribute (used only for simple type parallax)
  • class - parallax container additional class
  • xposition - horizontal position of the element
  • speed - speed to move relative to vertical scroll. example: 0.1 is one tenth the speed of scrolling, 2 is twice the speed of scrolling
  • outerheight - whether or not jquery should use its outerheight option to determine when a section is in the viewport - true; false;
  • imgsrc - source, image
  • darktext - use dark font?

Flexslider

[sourcecode language=”html”]
[flex_slider] [flex_slider_item imgsrc="..."] [/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;
  • fullheight - full height slider ?, true / false
  • dirnav - show direction navigation - true; false;
flex_slider_item parameters
  • imgsrc - source, image
  • link - link from image

Logo slider

[sourcecode language=”html”][logo_slider] [logo_slider_item 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
  • title - title images
  • 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