Szükségem volt egy kis slideshowra egy projecthez és ez lett a vége:
(1.2-es verzióhoz készült)
function slideShow( Obj ){
// Version 0.2; Created by Kow, 2008; http://skyweb.hu/kow
var pass = this;
// initializing
this.curImg = 0;
this.slides = Obj;
this.slides.each( function( img, index ){
if( index > 0 ) img.fade();
img.set('morph', { duration: 'long' });
}, this);
this.next = function(){
pass.curImg++;
this.slides.each( function( img, index ){
img.morph({ opacity: 0 });
}, this);
if( pass.curImg == this.slides.length ) pass.curImg = 0;
this.slides[ pass.curImg ].morph({ opacity: 1 });
}
this.prev = function(){
pass.curImg--;
this.slides.each( function( img, index ){
img.morph({ opacity: 0 });
}, this);
if( pass.curImg < 0 ) pass.curImg = this.slides.length - 1;
this.slides[ pass.curImg ].morph({ opacity: 1 });
}
}
// Így kell bekapcsolni:
sshow = new slideShow( $$('div#gallery_image img') );
// 3 másodpercenként fog így képet váltani
sshow.next.periodical( 3000, sshow );
Ez a kis CSS még kell hozzá:
#gallery_image img{
position: absolute;
left: 0px;
top: 0px;
}
Nem csak az árvíztűrőtükörfúrógép létezik az UTF-8 karakterkészletben, hanem "ezzel a vicces eszközzel":http://www.revfad.com/flip.html felfedhető a karakternek a tökörképe is :) Viccesek voltak a fejlesztők, 2 ^31^ karakterben elég sokminden elférhet, végülis miért pont ezek maradnának ki :)
Érdemes elbogarászni a nagy hosszű legördülő menüben, mert olyan karatkereket találtam, amikről eddig gőzöm nem volt :)
A teljes készlet: http://www.utf8-chartable.de/
░░▓░░░▓░▓░░▓▓░▓▓▓▓░░
░░▓▓░░▓░▓░▓░░░▓░░░░░
░░▓░▓░▓░▓░▓░░░▓▓░░░░
░░▓░░▓▓░▓░▓░░░▓░░░░░
░░▓░░░▓░▓░░▓▓░▓▓▓▓░░
Szeretem a TED.com-ot, és tegnap találtam ezt a remek kis előadást George Dyson tolmácsolásában az első számítógép születéséről.
Az alábbi idézetek az első számítógép programozása közben készített naplóból valóak.
All rights reserved, ©2008-2010 - Built on CodeIgniter framework - Konami codes - Mostly Valid XHTML 1.1 - Valid CSS 2.1