Hyunkel dot com

Avete presente l’effetto sugli album musicali introdotto dalla Apple sull’iphone e sull’ipod Touch??

Con un simpatico script scritto in javascript da Finn Rudolph, programmatore tedesco, ora, è possibile ricreare lo stesso effetto sulle vostre gallerie fotografiche dei vostri siti!

Per scaricare il pacchetto (.rar) per la versione 0.9, basta andare al seguente link:
SITO PRODUTTORE
e cliccare sul link per il download.

Installazione:
Step 1 - Introduzione

Per l’effetto “riflesso” bisogna avere PHP 4.3.2+ con l’estensione GD 2.0.1+Scarica l’ultima versione di ImageFlow, estrai i file e uppa i file: screen.css, imageflow.js, reflect.php, loading.gif and slider.png in una cartella sul server.

Step 2 - Implementazione

Per implementare ImageFlow nel tuo sito web, devi aggiungere le seguenti righe nel codice dell’header delle tue pagine HTML:

<link rel="stylesheet" href="screen.css" type="text/css" media="screen" />
<script language="JavaScript" type="text/javascript" src="imageflow.js"></script>

Inoltre devi inserire il codice HTML nel body delle pagine:

<div id="imageflow">
	<div id="loading">
		<b>Loading images</b><br/>
		<img src="loading.gif" width="208" height="13" alt="loading" />
	</div>
	<div id="images">
		<img src="reflect.php?img=my_dir/my_image_1.jpg" longdesc="URL_1" alt="Image_1" />
		<img src="reflect.php?img=my_dir/my_image_2.jpg" longdesc="URL_2" alt="Image_2" />
		<img src="reflect.php?img=my_dir/my_image_3.jpg" longdesc="URL_3" alt="Image_3" />
	</div>
	<div id="captions"></div>
	<div id="scrollbar">
		<div id="slider"></div>
	</div>
</div>

Sostituisci my_dir/my_image_x.jpg (reflect.php?img=my_dir/my_image_1.jpg) con il link delle tue immagini.

Sostituisci URL_x (longdesc=”URL_1″) con l’eventuale link per l’apertura dell’immagine.

Sostituisci Image_x (alt=”Image_1″) con l’eventuale nome dell’immagine.

Ecco fatto! Se avrete seguito le istruzioni per bene avrete questo simpatico effetto sulle vostre immagini!

SITO PRODUTTORE