English VersionQuesto è un applicativo per poter includere facilmente sul proprio sito una Fotogallery.
Potete facilmente inserirlo all’interno del vostro sito web seguendo queste semplici istruzioni
- Scaricate la foto gallery da questo link.Potete anche scaricare l’esempio completo visualizzato sopra, al quale basta semplicemente sostituire le mie immagini con le vostre, da questo link.
- Scompattatelo e copiate il file SilverlightPhotoGallery.xap in una cartella del vostro sito web
- Aggiungere il seguente codice HTML nella pagina del vostro sito nel punto in cui volete venga posizionato il player:
<object data="data:application/x-silverlight," type="application/x-silverlight-2" width="405" height="350"> <param name="source" value="ClientBin/SilverlightPhotoGallery.xap"/> <param name="onerror" value="onSilverlightError" /> <param name="background" value="white" /> <param name="minRuntimeVersion" value="2.0.31005.0" /> <param name="autoUpgrade" value="true" /> <a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;"> <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/> </a> </object> <iframe style='visibility:hidden;height:0;width:0;border:0px'></iframe>
- Modificare i seguenti tags secondo le vostre esigenze:
- <object data=”data:application/x-silverlight,” type=”application/x-silverlight-2″ width=”405″ height=”350″>
Rispettivamente larghezza ed altezza (in pixels) del video player (Si possono anche specificare delle percentuali: width=”100%” height=”80%”). - <param name=”source” value=”ClientBin/SilverlightPhotoGallery.xap“/>
Il path dove è posizionato il file SilverlightPhotoGallery.xap nel vostro sito
Esempio: se caricate il file SilverlightPhotoGallery.xap in una cartella come http://www.yoursite.com/folder/SilverlightPhotoGallery.xap allora il tag andrà modificato in questo modo <param name=”source” value=”http://www.yoursite.com/folder/SilverlightPhotoGallery.xap“/> - <param name=”background” value=”black” />
Rappresenta il colore di background della fotogallery durante il primo caricamento
- <object data=”data:application/x-silverlight,” type=”application/x-silverlight-2″ width=”405″ height=”350″>
- Selezionare le immagini da caricare e crearne le miniature
Le miniature (che possono essere create con qualsiasi programma di foto editing) devono essere grandi al massimo 45×45 pixel. - Modificare il file gallery.xml
Questo file xml contiene i riferimenti alle foto ed alle loro miniature, nonchè il testo descrittivo di ciascuna foto. Il tutto racchiuso fra i tag <images> ed </images>. Per ogni foto bisogna specificare i seguenti tag:
<picture>
<thumbnail>path della miniature</thumbnail>
<image>path della foto grande</image>
<text>descrizione, titolo o testo da associare alla immagine</text>
</picture>
Nell’esempio sopra un immagine è definita nel seguente modo:
<picture>
<thumbnail>/gallery/thumbs/1.jpg</thumbnail>
<image>/gallery/1.jpg</image>
<text>A fountain on the Place de la Concorde</text>
</picture> - Caricare il tutto nella cartella dove si trova il file SilverlightPhotoGallery.xap
Con questa applicazione si possono creare simpatiche animazioni e condividerle sul proprio sito web.
I FlipBook sono quei disegni che fatti in sequenza su delle pagine di un piccolo quaderno e facendo scorrere velocemente le pagine di quest’ultimo creano un effetto animato.
