Tibor Szász - web development in action

Dead simple MooTools slideshow

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;
}

Category: Programming - Tags: mootools javascript slideshow Read more

PHP.JS

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');

Utóbbi megoldás azért lehet hasznos, mert így nem ütközik más már meglévő kódokkal a PHP.JS

"Project website":http://kevin.vanzonneveld.net/techblog/article/phpjs_licensing

Category: Programming - Tags: javascript library php Read more

Tibor Szász29 years old code addict

Dead simple MooTools slideshow

PHP.JS

Briefing

Topics

Friends

Feeling so social

Tags