jQuery Flash-Like Effects
JQuery technology that's seen on websites across the Internet can help you produce many of the eye-catching special effects seen on Flash-powered websites. JQuery effects do not require site visitors to install software to view them because jQuery generates them right in there browsers. Sites using jQuery may also load faster because they do not have to download Flash multimedia objects.
Other People Are Reading
-
Using jQuery
-
JQuery is a small JavaScript library that makes a site developer's life simpler by reducing the amount of code required to perform complex JavaScript tasks. You don't need to install jQuery because Google provides a free link to the jQuery library. Add the following link to your HTML document's head section to make jQuery available inside any Web page:
<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js</script>
(See Reference 1 re http link shown above).After including that link, you can reference any function in the jQuery library using JavaScript. .
Animation Effects
-
You don't need jQuery plug-ins to embed impressive animation effects in your websites. The jQuery link you add to your HTML documents allows you to use basic jQuery commands such as animate, fadeIn, hide and delay to make any object on a Web page move, fade, hide and perform other animation tasks that emulate those produced by flash. The single line of code shown below, for example, causes an HTML object whose ID is "book" to fade in slowly any time you call the function.
$('#book').fadeIn('slow');
By combining different jQuery effects, you can produce stunning animations that resemble those produced by Flash.
-
jQuery Plug-ins
-
Visit the jQuery Plug-ins page to view a list of jQuery plug-ins you can add to your website. A plug-in consists of jQuery modules that perform specific tasks and add additional jQuery functionality to your website. The Plug-ins page has a helpful search box that helps you find a plug-ins that matches your need. These plug-ins are free, and they cover topics such as form generation, animation and special effect creation. Since Flash is known for its special effects, you will find many Flash-like jQuery plug-ins in the "Animate and Effects" section of the Plug-ins page.
Slideshows
-
A search for “slideshows” at jQuery’s Plug-ins page returns a list of plug-ins you can use to place compelling slideshows on your Web pages. Different plug-ins have different options and features. Some allow you to add animation effects, such as fades and color changes, to slides. The Agile Carousel plug-in, for instance, supports translucent control buttons and customized transitions; it allows you to display several slideshows on one page. Other slideshow plugins give you the ability to grab images from live feeds on the Internet and use them as your image sources.
Audio
-
If you would like to emulate Flash's music player functionality, browse through the plug-ins located in the "Media" section of the jQuery Plug-ins page. Many of these plug-ins allow you to place professional looking audio players on your website that do not require Flash. These Flash-less plug-ins use the new HTML5 audio tag to generate music and play audio files. Some plug-ins support multiple playlists and display animated effects.
-
References
Resources
- Photo Credit Jupiterimages/Comstock/Getty Images
