Gallery in HTML5

[superpato]

Ciao a tutti, ho creato una gallery in Flash CS6 ma ora il mio cliente la vuole in HTML5.
Ho provato a convertire l' FLV con scarsi risultati, dopodichè ho cercato online delle gallery da modificare ma purtroppo non permettono la personalizzazione tipica di un filmato flash.
Così, cercando e ricercando, sono capitato su un programma per Mac chiamato Tumult Hype, ma il maledetto non ha libri-corso e nemmeno dei forum su internet, così finisco per creare bug nelle animazioni.
Il mio problema è semplice : devo creare una gallery in html5 con max 25 foto, animazione di dissolvenza in entrata e uscita e bottoni a numero personalizzati e ovviamente grandezza foto personalizzata.
Qualcuno può indicarmi la strada più semplice ? Che sia un programma funzionante di conversione, un aiuto con tumult hype o un link a una gallery html5 molto facile da modificare e personalizzare.
Grazie !

[minos88]

hai già provato qualche plugin jQuery?

[superpato]

si grazie, provato e funziona.
Ho creato un CSS e inserito il codice nell'html della pagina gallery.
Ecco come ho fatto:

CSS:

#thumbs { padding-top: 10px; overflow: hidden; }
#thumbs img, #largeImage {
border: 0px solid gray;
padding: 0px;
background-color: white;
cursor: pointer;
}
#thumbs img {
float: left;
margin-right: 2px;
}

e la pagina :

<div id="gallery">
<div id="panel">
[img]images/image_01_large.jpg[/img]</div>

<div id="thumbs">
[img]images/image_01_thumb.jpg[/img]
[img]images/image_02_thumb.jpg[/img]
[img]images/image_03_thumb.jpg[/img]

</div>
</div>
<script>
$('#thumbs').delegate('img','click', function(){
$('#largeImage').attr('src',$(this).attr('src').re place('thumb','large'));
$('#description').html($(this).attr('alt'));
});
</script>

L'ultimo script è davvero comodo, sostituisce 'thumb' con 'large' , andando a pescare la foto corrispondente in modo automatico. Ora sto cercando di applicare l'effetto Fade quando cambiano le foto, se qualcuno ha qualche suggerimento...