(function() {

“InfoWorld’s Randall Kennedy reports on rumors that IE8 may be Internet Explorer’s swan song: ‘IE8 is the last version of the Internet Explorer Web browser,’ Kennedy writes. ‘It seems that Microsoft is preparing to throw in the towel on its Internet Explorer engine once and for all.’ And what will replace it? Some are still claiming that Microsoft will go with WebKit, which is used by Safari and Chrome. The WebKit story, Kennedy contends, could be a feint and that Microsoft will instead adopt Gazelle, Microsoft Research’s brand-new engine that thinks like an OS. ‘This new engine will supposedly be more secure than Firefox or even Chrome, making copious use of sandboxing to keep its myriad plug-ins isolated and the overall browser process model protected.’”snydeq

http://tech.slashdot.org/article.pl?sid=09/03/10/1942232

I was wondering why the metadata plugin is not included with the core?

Ecco due snippets di codice per avere l’autoplay dello “slider” e il play sul click sull’immagine.
Per ora sono snippets di codice esterni alla libreria.
Nella futura versione ci saranno le opzioni

• autoplay
• clicknplay (ycodagallery)

AUTOPLAY GALLERY + LAZYLOAD

jQuery(window).ycodacss('ycodaslider-3.0.css');
jQuery(window).ycodacss('ycodaslider-3.0.css');
jQuery(document).ready(function() {
	jQuery("#panel-gallery")
    .ycodagallery()
    .ycodalazy();
});
jQuery(window).bind("load", function() {
    jQuery("#panel-gallery")
    .ycodaslider({
    	navigator: false,
    	arrows : false
    });

    setInterval(function(){
    	jQuery("#panel-gallery").ycodaslider("right");
    }, 2000);
});

AUTOPLAY SLIDER

jQuery(window).ycodacss('ycodaslider-3.0.css');
jQuery(window).bind("load", function() {
    jQuery("div.ycodaslider")
    .ycodaslider({arrows: false, navigator: false});

    setInterval(function(){
    	jQuery("div.ycodaslider").ycodaslider("right");
    }, 2000);
});

CLICK’N'PLAY

jQuery(window).ycodacss('ycodaslider-3.0.css');
jQuery(window).bind("load", function() {
    jQuery("#panel-gallery")
    .ycodagallery()
    .ycodaslider({navigator: false, arrows: false});

    jQuery("#panel-gallery").find("img").wrap('<a href="#">');
    jQuery("#panel-gallery").find("a").click(function(){
    	jQuery("#panel-gallery").ycodaslider("right");
    	return false;
    });
});

• updated to jquery 1.3.2
• scrolltop: very important when “panels” have contents of different hights
• unstable piece of code have been delated: ycodaframe, history option
• dragging option and dependence from jQuery UI (basically unusefull) have been delated

• plugins in 2.0 (gallery, lazyload, feeds, code) now have been unified in a single file (easier to use. only 5KB the packed version. 9 KB the minified version)
  • jQuery(window).ycodacss ->to load the css.
    
  • jQuery(selector).ycodaslider -> to start up the component.
  • jQuery(selector).ycodagallery -> prepares a list of images. To be used “in chain” with ycodaslider.
  • jQuery(selector).ycodalazy -> starts up the lazyload on the list of images. To be used “in chain” with ycodagallery in event ready.  Launch ycodaslider on the event load.
  • jQuery(selector).ycodacode -> prepares a list of links to sources, to be used “in chain” with ycodaslider. (optional jQuery Chili 2.2)
    
  • jQuery(selector).ycodafeeds -> prepares a list of links to rss sources,  to be used “in chain” with ycodaslider. (needs  jQuery gFeeds e API google)

• I only kept separate the plugin fickr, which is just an example of how you can link ycodaslider
  • jQuery(selector).ycodaflickr -> example of external component. (see also ycodagallery, ycodacode e ycodafeeds to write plugins for ycodaslider)

• jquery easing is no longer essential: jquery 1.3 has the swing effect as a default animation. Simply set at 0 the parameter easeTime if you don’t  want to have animation.
• default keyboards shorcuts  are now the two arrows left & right (keyboard codes are the same in all platforms)

• I made a API using jquery UI style:
  • jQuery(selector).ycodaslider(“right”); -> invoke event right. ycodaslider will move right.
  • jQuery(selector).ycodaslider(“left”); -> invoke event left. ycodaslider will move left.
  • jQuery(selector).ycodaslider(“go”, N); -> invoke event go where N is the number of the panel to visualize (starting from 0)
  • jQuery(“#id”).ycodaslider(“currrent”); -> returns the panel active
  • jQuery(“#id”).ycodaslider(“count”); -> returns the number of panels
  • jQuery(“#id”).ycodaslider(“width”); -> returns the width of the component
• complete code refactory
• possibility of tracking click with janalytics plugin to have the statistics (google analytics)
• a single css (easy to customize – the design of the demo has a minimalist design)
• easier to use

• tested on the following browser:
  • firefox 3 (linux/windows xp)
  • internet explorer 6/7
  • chrome (windows xp)
  • safari 3.2.2/safari 4Beta (windows xp)
  • opera 9.6 (windows xp)

• known bugs
  • IE6: the last panel sometimes literally fall under the second last, leaving empty the last card

• All examples:
  • EFFECTS
    
  • API
  • SHORTCUTS
  • CHINABILITY
  • DIMENSIONS
  • NO MENU & ARROWS
  • GALLERY
  • LAZYLOAD
  • LAZYLOAD EXPLANATION
  • FEED RSS
  • CODE
  • EXTERNAL PLUGIN “FLICKR”
  • DEMO SITE
    

if  you have any suggestions, if you find a bug or you use the plugin, please leave a comment here.
PS: Carlo… spero vada bene

UPDATE 2008-03-09 :

• Autoplay & play on click
  • AUTOPLAY LAZYLOAD
    
  • AUTOPLAY SLIDER
    
  • PLAY ON CLICK