Ciao A tutti,
sto realizzando un sito attraverso l'uso di un template già pronto.
http://themes.alessioatzeni.com/html/brushed/
Il problema è che nella sezione: WORK, dove ci sono le foto portfolio non riesco a creare degli album dove poter formare gruppi (divisi dagli altri) di immagini.
Ora se provate a cliccare le immagini (thumb o icone) si apre la classica fancybox e si scorrono semplicemente le immagini delle icone ingrandite.
Io ho bisogno che per esempio cliccando sulla prima thumb, si apra solo 1 gruppo di immagini diviso dagli altri album, un po' come succede negli album di facebook insomma...così dovrebbe funzionare per tutte le altre thumb o icone...
Premetto che non so praticamente nulla ancora di javascript...ma conosco solo il codice html5 e css3
questo è il codice che c'è ora:
<!-- Item Project and Filter Name -->
<li class="item-thumbs span3 design">
<!-- Fancybox - Gallery Enabled - Title - Full Image -->
<a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Brochure" href="_include/img/work/full/image-04-full.jpg">
<span class="overlay-img"></span>
<span class="overlay-img-thumb font-icon-plus"></span>
</a>
<!-- Thumb Image and Description -->
<img src="_include/img/work/thumbs/image-04.jpg" alt="investment opportunity.">
</li>
<!-- End Item Project -->
<!-- Item Project and Filter Name -->
<li class="item-thumbs span3 illustration">
<!-- Fancybox - Gallery Enabled - Title - Full Image -->
<a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Xilography" href="_include/img/work/full/image-05-full.jpg">
<span class="overlay-img"></span>
<span class="overlay-img-thumb font-icon-plus"></span>
</a>
<!-- Thumb Image and Description -->
<img src="_include/img/work/thumbs/image-05.jpg" alt="Xilography">
</li>
<!-- End Item Project -->
<!-- Item Project and Filter Name -->
<li class="item-thumbs span3 illustration">
<!-- Fancybox - Gallery Enabled - Title - Full Image -->
<a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Comic book Character" href="_include/img/work/full/image-09-full.jpg">
<span class="overlay-img"></span>
<span class="overlay-img-thumb font-icon-plus"></span>
</a>
<!-- Thumb Image and Description -->
<img src="_include/img/work/thumbs/image-09.jpg" alt="Drawing">
</li>
<!-- End Item Project -->
Sapreste aiutarmi nel creare questi gruppi cambiando i nomi di classi o altro?
Altrimenti se sapete come creare album su fancybox datemi un consiglio per cortesia...grazie!
Rispondi quotando
