…

…

Bellissima raccolta di script ajax e flash di gallerie di immagini, slideshow e lightbox

Link: http://www.1stwebdesigner.com/resources/57-free-image-gallery-slideshow-and-lightbox-solutions/…

In questo articolo imparerete come realizzare una presentazione con immagini in dissolvenza.

Link: http://davidwalsh.name/mootools-slideshow…

…

CODICE XHTML

 
<div id="page-flip">
	<a href="http://www.sastgroup.com/feed"><img src="page_flip.png" alt="Subscribe!" id="page-flip-image" /></a>
<div id="page-flip-message"></div>
</div>
 

CODICE CSS

 
#page-flip { position:relative; right:0; top:0; float:right;  }
#page-flip-image { width:50px; height:52px; z-index:99; position:absolute; right:0; top:0; -ms-interpolation-mode:bicubic; }
#page-flip-message { width:50px; height:50px; overflow:hidden; position:absolute; right:0; top:0; background:url(subscribe.png) no-repeat right top; }
 

CODICE MOOTOOLS

 
(function($,$$) { window.…

Scarica: http://www.deviantart.com/download/132732427/Dusk_by_kawsone.rar…

 
$(document).ready(function() {
	//area 1
	$('.fade-area-1').children().hover(function() {
		$(this).siblings().stop().fadeTo(500,0.5);
	}, function() {
		$(this).siblings().stop().fadeTo(500,1);
	});
	//area 2
	$('.fade-area-2').children().hover(function() {
		$(this).siblings().stop().fadeTo(…

Demo: http://www.queness.com/resources/html/caption/index.html

Scarica file Sorgente: http://www.queness.com/resources/archives/jquery-caption.zip…

Demo: http://www.gayadesign.com/scripts/jqueryphotonav/
Codice Sorgente: http://www.gayadesign.com/scripts/jqueryphotonav/jqueryphotonav.zip…

Demo: http://www.gayadesign.com/scripts/smokeeffect/

Codice Sorgente: http://www.gayadesign.com/scripts/smokeeffect/smokeEffect.zip…