Ninja CSS Blog » javascript http://ninjacss.com/blog html, css, javascript & other stuff Thu, 25 Aug 2011 14:29:48 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Javascript – Toggle Visibility http://ninjacss.com/blog/2011/08/25/javascript-toggle-visibility/ http://ninjacss.com/blog/2011/08/25/javascript-toggle-visibility/#comments Thu, 25 Aug 2011 14:26:47 +0000 Cindy http://ninjacss.com/blog/?p=198 Javascript code:

HTML:

This is the a question.

Example:
Please click here.

]]> http://ninjacss.com/blog/2011/08/25/javascript-toggle-visibility/feed/ 0 Javascript – image swap and preload http://ninjacss.com/blog/2009/06/30/javascript-image-swap-and-preload/ http://ninjacss.com/blog/2009/06/30/javascript-image-swap-and-preload/#comments Tue, 30 Jun 2009 12:47:00 +0000 Cindy http://ninjacss.com/blog/?p=5 What You Want To Do: you have a menu of items or a set of images that need to change when they are hovered over.

How To Do It: Use the MM Image Swap!

Put the following code between the <head> tags or a Javascript file that is called on whichever page(s) you want to swap images on.

Now, for the section that has the menu items (or images) that you want to swap, you need to call the functions. The example I'm going to give is the menu list I used, so adjust accordingly. If you didn't use a <ul> list, then don't copy my code exactly. Also, you'll need to swap out the image file names, height and width, etc. to your own.

    

  • Home
    • 

  • Create Map
    • 

  • Create Table
    • 

  • Data Downloads
    • 

  • Research Findings
    •

Finally, go to the <body> tag and preload the images. Again, change the image file names to your own.

<body onLoad="MM_preloadImages('home.jpg', 'home_on.jpg', 'createMap.jpg', 'createMap_on.jpg', 'createTable.jpg', 'createTable_on.jpg', 'dataDownloads.jpg', 'dataDownloads_on.jpg', 'researchFindings.jpg', 'researchFindings_on.jpg')">
]]> http://ninjacss.com/blog/2009/06/30/javascript-image-swap-and-preload/feed/ 2