Basic Preloaders

Hello Folks! I am back with another post. I hope you guys are following my blog post. Today I will be sharing something about Pre-loaders. You might have seen a lot pre-loaders while using lot of mobile apps and websites. Now days many websites has been powered up with preloaders in the beginning. It adds an interactivity to a webpage with some sort of animations. Today I am going to tell how to create a simple jQuery Preloader with very few lines of jQuery & CSS code.

Preloader

Preloader

     

Advertisements

SuperSized Carousel

Supersized Plugin also provides a feature for creating a slider. It is also one of the popular effects to provide a dynamic background to our webpage. This carousel effect is now day mostly used with websites. This plugin allows the designer to create less text & more pictorial website(websites that contain less text).

<link rel="stylesheet" href="css/supersized.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="theme/supersized.shutter.css" type="text/css" media="screen" />
		/*jQuery CDN & Easing Plugin*/
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.easing.min.js"></script>
		/*Supersized Plugins*/
		<script type="text/javascript" src="js/supersized.3.2.7.min.js"></script>
		<script type="text/javascript" src="theme/supersized.shutter.min.js"></script>

    

SuperSized

Supersized Plugin Effect is one of the popular effects to provide a dynamic background to our webpage. This effect works perfectly with all the latest browsers. This plugin can be used in any page by adding some links to css file and JavaScript file in Head section.

<link rel="stylesheet" href="supersized.core.css" type="text/css" media="screen" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript" src="supersized.core.3.2.1.min.js"></script>