I've found an interesting experiment by Mr Doob. It's a proof of concept visualisation, using the HTML5 audio tag, JavaScript and SVG.
Well done, Mr Doob!
Check it out (Use Google Chrome for best experience.)
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;
}
Egy remek kis függvénykollekcióra bukkantam nem olyan régen ami nagyon hasznos lehet a PHP-ban már jártas fejlesztőknek. A libary neve PHP.JS és a PHP függvényei vannak újra írva benne Java Scitptben. Szám szerint 138 db.
Ha használni szeretnénk, két lehetőségünk van. Vagy natúr beületetjük őket window objektumba, mint bármilyen más function fuggvenyem(){ //valami }
p = strpos('Kevin van Zonneveld', 'e');
// call another PHPJS function
d = date('F j, Y, g:i a');
// vagy létrehozhatunk egy objektumot és azon keresztül érhetjük el
// a PHP újraírt függvényeit:
window.$P = PHP_JS();
//
// call a PHPJS function
p = $P.strpos('Kevin van Zonneveld', 'e');
//
// call another PHPJS function
d = $P.date('F j, Y, g:i a');
All rights reserved, ©2008-2010 - Built on CodeIgniter framework - Konami codes - Mostly Valid XHTML 1.1 - Valid CSS 2.1