This module allows you to make use of the InnerFade jQuery plugin (http://sorgalla.com/jcarousel/).

It requires the jQuery Update module (http://drupal.org/project/jquery_update).


INSTALLATION:

1) Place this module directory in your modules folder (this will usually be
"sites/all/modules/").

2) Enable the module.


USAGE:

0) Make sure you have HTML in a format that jCarousel can handle it. See http://medienfreunde.com/lab/innerfade/ .

1) Add the required JS/CSS files by calling this function:
	innerfade_add();

2) NONE PROVIDED YET:  Optionally, you can also specify one of the included skins, tango is the default:
	innerfade_add('something');

3) Or you can use no skin altogether (and define your own 
	innerfade_add(FALSE);
	
	
	
EXAMPLES AND JUST BETTER INFO WRITTEN BY DAN BELOW

some good info....

$('ID or class of the element containing the fading objects').innerfade({ 
   animationtype: Type of animation 'fade' or 'slide' (Default: 'fade'), 
   speed: Fadingspeed in milliseconds or keywords (slow, normal or fast)(Default: 'normal'), 
   timeout: Time between the fades in milliseconds (Default: '2000'), 
   type: Type of slideshow: 'sequence', 'random' or 'random_start' (Default: 'sequence'), 
   containerheight: Height of the containing element in any css-height-value (Default: 'auto')  
   runningclass: CSS-Class which the container gets applied (Default: 'innerfade') 
});

STEP ONE -- Place this module directory in your modules folder (this will usually be "sites/all/modules/"). 
Enable the module.

STEP TWO -- add the following code to your template.php file (it works best placed right after the <?php at the top

thecode - (between lines)
---------------------------------------------------------------------------------------

innerfade_add();

drupal_add_js(
"$(document).ready(function()
{
 
$('ID or class of the element containing the fading objects').innerfade({ 
  animationtype: 'fade',
  speed: 9000,
  timeout: 3000, 
  type: 'random', 
  containerheight: 'auto' 
});

});",

'inline'
);

---------------------------------------------------------------------------------------

STEP THREE -- configure a list type view, add the css id to the spot in the template.php code and next time you load
that view, jquery will run on it.

ok so on to best practices with this thing....

install and enable these modules:

cck
imagecache
views
innerfade


do the innerfade setup listed above. 

make a content type called 'graphic area' or something like that, (let's just say there is a graphic area in your header
with a fixed size of 800x100px) put an imagefield in it and nothing else... lets say you call it 'graphicareaimagefield'

make an imagecache preset that scales and crops images to a fixed width and height
(ie. in this case scale to a width of 800 then crop to a width 800px and a height of 100px, etc 
<-- figure out imagecache on your own :P )

then make a list type page view that pulls all content of type 'graphic area' and shows just the field 'graphicareaimagefield'
now make sure you set it to show only your imagecache preset..

now upload a few images... when you go to your page view, you should see a bulleted list of images all scaled to the same 
dimensions

view the source and grab the css id or class.... it should look something like -->
.view-graphic-area-home .view-content-graphic-area-home .item-list ul
<---

put that css into the proper spot in your template.php innerfade code.. save and update and all that jazz

next time you reload your view page, behold the glory of fading images!!

BROUGHT TO YOU BY THE AGARIC DESIGN (THEMING DEPT) http://agaricdesign.com
do it! the Agaric way...