IMAGES / GALLERIES / SLIDERS

Images

[sourcecode language=”html”]
[img width="200" height="200"
src="..." align="left"
photoshadow="yes" ]
[/sourcecode]

[sourcecode language=”html”]
[img width="200" height="200"
src="..." align="center"
link="#" frame="yes"]
[/sourcecode]

[sourcecode language=”html”]
[img width="200" height="200"
src="..." align="right"
link="#" frame="yes"
lightbox="yes"]
[/sourcecode]

parameters
  • frame - frame around the image - no; yes;
  • photoshadow - photo with shadow, shadow below the image - no; yes;
  • lightbox - show image in lightbox? - yes; no;
  • src - image, image source
  • lightboxsrc - lightbox image, lightbox image source
  • alt - alternate text
  • width - image width
  • height - image height
  • align - image align - default; left; center; right;
  • 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/

Image box

Waiter
Steve Jobs
[sourcecode language=”html”]
[img_box header="Waiter" subheader="John Doe"
frame="yes" src="" width="200" height="200"
align="default"]
[/sourcecode]
parameters
  • header - header text
  • subheader - subheader text
  • frame - frame around the image - no; yes;
  • lightbox - show image in lightbox? - yes; no;
  • src - image, image source
  • lightboxsrc - lightbox image, lightbox image source
  • width - image width
  • height - image height

Gallery

[sourcecode language=”html”]
[ct_gallery narrow="yes"] [ct_gallery_slide narrow="yes"] [img_box frame="yes"
src="" width="162"
height="116" align="default"] …
[img_box frame="yes"
src="" width="162"
height="116" align="default"] [/ct_gallery_slide] [ct_gallery_slide narrow="yes"] …
[/ct_gallery_slide] [/ct_gallery]
[/sourcecode]
ct_gallery parameters
  • buttonlink
  • buttonlabel
  • narrow - narrow gallery, use narrow mode even in fullwidth template? - yes; no;
ct_gallery_slide parameters
  • narrow - narrow gallery slide, use narrow mode even in fullwidth template? this option has to have the same value as 'narrow gallery' option for gallery shortcode. the images should be placed inside the slide using 'image box' shortcode. - yes; no;

Slider

NEW OPENING
[sourcecode language=”html”]
[slider style="default" cornerinfo="NEW OPENING"] [slider_item imgsrc=""] [slider_item imgsrc=""] [slider_item imgsrc=""] [/slider]
[/sourcecode]
slider_item parameters
  • style - border and navigation type - default; border;
  • cornerinfo - corner information, short information in the left top corner
  • narrow - use narrow mode even in fullwidth template? - yes; no;
  • 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)
slider_item parameters
  • imgsrc - image
  • narrow - use narrow mode even in fullwidth template? - yes; no;

Add a comment


createit