Tag Archives: ycodaslider

YCodaSlider 3.0 – Click’n'Play + Autoplay

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 [...]

YCodaSlider 3.0 – Changelog

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 [...]

YCodaSlider 3.0

DEMO SITE. Slider scripts are one of the common objects of newspaper & portal websites. They are very useful as they help us present more content in a limited space. This script helps you present your content with a tabbed menu + previous-next buttons to switch between tabs. YCodaSlider 2.0 requires jQuery to run and [...]

Benchmark – YCodaSlider 2.0rc2

Ho corretto numerosi bug. Pulito il codice. Ora esegue mediamente in 70-80ms su Firefox 2.0 settando una larghezza iniziale. La velocità è praticamente triplicata. BENCHMARK: PRIMA METODI: PRIMA Benchmark 1 Benchmark 2 YCodaSlider 2.0rc2 – SVN – rev 121 YCodaSlider 2.0rc2 out. DEMO SITE

Benchmark – YCodaslider 2.0 refactory

PRIMA: DOPO: Dal lavoro sui metodi ho capito cosa rende lento il plugin. Ho meglio più che lento, cosa inficia maggiormente sul tempo di esecuzione di YCodaSlider 2.0: Benchmark Il metodo nav() impiega circa 130ms per essere eseguito (firefox 2.0). nav : function(el){ var jViewer = jQuery("div.yslider-viewer",el); jViewer.before(‘<div class="yslider-navl"><a href="#">Left</a></div>’); jViewer.after(‘<div class="yslider-navr"><a href="#">Right</a></div>’); jViewer.before(‘<div class="yslider-nav"><ul><\/ul></div>’); [...]