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
2 Comments
Per il reading dei file XML remoti puoi leggere l’articolo “Cross Domain Policy” sempre su questo Blog. Invece per la lettura delle immagini è abbastanza semplice, il seguente codice per esempio è come vengono caricate le piccole thumbnail della fotogallery dato un url con una immagine:
imgThumb.Source = new BitmapImage(new Uri(imgThumbUrl, UriKind.Relative));
A capo e separazione tra i paragrafi automatici, l’indirizzo e-mail non è mai mostrato, codice HTML consentito: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
You must be logged in to post a comment.
Ciao.
Comment by hotzambo on ottobre 21st, 2008 @ 18:46Interessante controllo. Sono nuovo all’argomento. Ho provato in un’applicazione da me scritta a leggere un file, ma mi dice che non ho il permesso. Che istruzioni sono state utilizzate ?
Grazie.