If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Tag Archives: jQuery RSS Feed

This tutorial is going to show you how to implement the jQuery prettyPhoto lightbox plugin into your JS Animated template. Read More
This tutorial is going to show you how to work with a FullCalendar plugin included to some JS Animated templates. Read More

This tutorial shows how to change the slider image rotation speed in JS Animated templates. The slider, usually used in the JS Animated templates is called TM_Slider and as any other jQuery based slider it has various settings. Let’s see how to configure it.

Open the JS Animated template folder and go to the site folder. There you can see …

Read More

A slider with a variety of unique transition effects. For full specifications visit the official website http://nivo.dev7studios.com

 

JavaScript

We should include jQuery framework and jquery.nivo.slider.pack.js by pointing src attribute in the script tag to those .js files.

<script type="text/javascript" src="js/jquery-1.4.4.min.js" </script<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"</script

Initialization script we place in the section of the document

$(window).load(function() 
Read More

FancyBox is a tool for displaying images, HTML content and multi-media in a Mac-style “lightbox” that floats overtop of web page.

JavaScript

We should include jQuery framework, jquery.fancybox-1.3.1.pack and jquery.easing-1.3.pack by pointing src attribute in the script tag to those .js files.


Initialization script we place in the <head> section. It initializes the link with the id #single_image

There are …

Read More

“bgSlider”

March 17 2011  |  Category: Slider, Working with jQuery scripts

bgSlider allows to apply the gallery as a website background. It’s quite similar to jbGallery script, but not such complex.

JavaScript

We should include jQuery framework and bgSlider.js by pointing src attribute in the script tag to those .js files:

Below is the initialization script:

In the $() part we specify an array with the path to image files, and …

Read More

A simple script which allows us to achieve an effect of a sliding box with content in it.

JavaScript

We should include jQuery framework by pointing src attribute in the script tag to those .js files.

<script type="text/javascript" src="js/jquery-1.4.2.min.js" </script

Initialization script we place in the section.

<script type="text/javascript"$(function()
        {
        $("#link").click(function(event) {
        event.preventDefault();
        $(this).toggleClass("link2");
        $("#dropdown_box").slideToggle();
        });
    });
</script

.header-banner-right …

Read More

Grayscale Hover Effect

November 15 2010  |  Category: Misc

This script allows to add smooth grayscale hover effect, based on sprites.

JavaScript
In order to make the script work, the index-#.html file with a hover effect should contain these lines of HTML code in order to include jquery.slices.1.2.js script and jQuery framework:

The bottom section of the index-#.html (just before </body> closing tag) file contains these lines of code …

Read More

Drop-down Menu Effect

November 15 2010  |  Category: Menu

This is a Menu Script that uses jQuery in order to create drop-down menu effect.

JavaScript
In order to make the script work, the index-#.html file with the menu should contain these lines of HTML code:

The dropdown.js file contains these lines of code that initialize the script functionality:

In order to create a menu we use a bulleted list …

Read More

Slideshow Lite Slider

November 15 2010  |  Category: Slider

This is a Simple Slider Script that has only basic functionality and uses fade-effect for smooth opacity changing. You can find installation and configuration guide by this link.

JavaScript
In order to make the script work, the index-#.html file with a slider should contain these lines of HTML code in order to include jquery.slideshow.lite-0.5.3.js script and jQuery framework:

The <head> …

Read More