STYLE SWITCHER

Jquery

OWL Carousel – Touch Enabled and Responsive jQuery Carousel Slider

OWL Carousel – Touch Enabled and Responsive jQuery Carousel Slider

Owl-Carousel-2
OWL Carousel, Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.
http://owlgraphic.com/owlcarousel/
More
Scroll animation using jquery

Scroll animation using jquery

jquery_black
var scrolled = false;

$(window).scroll(function () {

if (650 < $(window).scrollTop() && !scrolled) {
——————————-animation here——————————
scrolled = true;
}

if (650 > $(window).scrollTop() && scrolled) {
——————————-animation here——————————
scrolled = false;
}
});
More
Equal height using jquery

Equal height using jquery

jquery_black
function equalHeight(group) {
var tallest = 0;
group.each(function() {
var thisHeight = $(this).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.height(tallest);
}

equalHeight($(“.equal-blocks”));

More
How to make jQuery waypoints plugin fire when an element is in view and not scrolled past?

How to make jQuery waypoints plugin fire when an element is in view and not scrolled past?

drupal-and-jquery-logos
$(”div”).waypoint(function(event, direction) {
// do your fade in here
$(this).fadeIn();
}, {
offset: function() {
// The bottom of the element is in view
return $.waypoints(”viewportHeight”) – $(this).outerHeight();
}
});
Website
More