TODAY DAY NIGHT (Please hover on cloud icons)
Light Rain Shower
Humidity 82%
visibility Very Good
Pressure (Millibars) 999
Wind Direction WNW
Lightning
Humidity 89%
visibility Good
Pressure (Millibars) 1000
Wind Direction WNW
RESPONSIVE Cloud Slider supports responsive, full-width,
full-size and fixed layout works perfect on
all mobile devices.
HIGH
PERFORMANCE
Cloud Slider won't affect your site's
performance as we carefully considered
performance of our product.
SMOOTH
RENDERING
Cloud Slider supports super smooth
hardware accelerated CSS3 transitions
with Greensock.
EASY TO BULID Cloud Slider is super easy to use & customize
with detailed options even you have no good
web skills.
CLOUD SLIDER

APIs & Callbacks Sample

This sample shows APIs & Callbacks of Cloud Slider.
You can redefine each callback function like onInit(), onResume(), onPause(), onPrev(), onNext(), onSlidingStart(), onSlidingComplete(), onCloudClick() and onCloudHover() etc.

And also you can use Cloud Slider APIs anywhere in your script like following:
$('#cloudslider').cloudResume();
$('#cloudslider').cloudPause();
$('#cloudslider').cloudIn(layerElement);
$('#cloudslider').cloudOut(layerElement);
$('#cloudslider').cloudAnimate(layerElement, {offsetx:84, offsety:-256, easing: 'easeOutCubic', duration: 5000});
back to documentation