Categories

Misc

jQuery Keyboard

Misc, Working with jQuery scripts
  |  
March 22 2011
This script allows you to track keyboard key combinations and execute some action. The home page of the project is http://code.google.com/p/jquerykeyboard/ JavaScript We should include jQuery framework and jquery.keyboard.js by pointing src attribute in the script tag to those .js files. The below code we should insert between the tags in the body section. There we specify the key combination…
Read More

“Cycle Plugin”

Misc, Working with jQuery scripts
  |  
March 17 2011
This script offers a wide variety of slide change transition effects. You can find full installation and configuration instructions by following this link. JavaScript In order to make the script work, the index-#.html file with a gallery should contain these lines of HTML code: The section of the index-#.html file contains these lines of code that initialize the script functionality…
Read More

jQuery “jPlayer”

Misc, Working with jQuery scripts
  |  
March 17 2011
Jplayer is a flexible and functional solution to play and control media files in your webpage. It supports HTML5 and outputs flash for browsers that yet do not support HTML 5. Among other advantages is the ability to customize its appearance using HTML and CSS. For more details visit the official website http://www.jplayer.org JavaScript We should include jQuery framework and…
Read More

“Twitter” plug-in

Misc
  |  
November 15 2010
This script allows you to add a Twitter widget to your site. The widget will display messages from your Twitter.com account.

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

The <head> section of the …

Read More

“prettyPhoto” plug-in

Misc
  |  
November 15 2010
This script allows you to add videoclips to your site using prettyPhoto plug-in.

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


The <head> section of the index-#.html (or the section just before the closing </body> tag) …

Read More

“Styleswitcher”

Misc
  |  
November 15 2010
This script allows you to switch between several .css files by a single click, thus completely changing the design of your site. The main advantage is that all design changes remain when you open the site again.

JavaScript
In order to make the script work, the index-#.html file with a style switcher should contain these lines of HTML code in…
Read More

Grayscale Hover Effect

Misc
  |  
November 15 2010

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