Photo Gallery con filtraggio con jQuery - da html.it

[ranacida]

sto utilizzando questa photo gallery scaricata dal sito html.it

http://www.html.it/script/photo-gall...io-con-jquery/

demo:
http://www.html.it/demo/javascript/3...emo_index.html

il funzionamento è molto semplice e l'ho adattata facilmente.

però vorrei che inizialmente non facesse vedere tutte le foto ma una categoria specifica.

ho smanettato un pò, ma non riesco a capire dov'è la riga di codice utile.

questa è la parte di codice che nella pagina html richiama i thumb:

[*]categories:       <li class="all active">All         
<li class="cat-item-1">Category 1  
<li class="cat-item-2">Category 2  
<li class="cat-item-3">Category 3  	
<li class="cat-item-4">Category 4[/list]
<ul class="portfolio-area">
<li class="portfolio-item2" data-id="id-0" data-type="cat-item-4">	 			        <div><span class="image-block">
[img]images/thumbs/p1.jpg[/img] </span>
<div class="home-portfolio-text"><h2 class="post-title-portfolio">Wall-E</h2>
<p class="post-subtitle-portfolio">released: 2008</p></div></div>

poi ci sono 4 file js...

non so datemi un'indicazione perchè davvero navigo nel nulla!.... e ci ho sbattuto la testa ma non so proprio da dove iniziare!!!

[echoweb]

Allora...

modifica

<li class="all active">

in

<li class="all">

Nel file scripts.js aggiungi prima della chiusura });

// set CATEGORIA = 4
var category = 'cat-item-4'; 
$(".portfolio-area").quicksand($('.portfolio-item2[data-type=' + category + ']'));
$("." + category).addClass("active");

Nell'esempio, parte dalla categoria 4.

[dj_white]

Salve ragazzi, sto utilizzando anche io la gallery ed ho lo stesso tipo di problema, ho provato a mettere il codice javascript e funziona ma "disattiva" la funziona di ingrandimento! La funzione di ingrandimento delle miniature torna magicamente a funzionare quando si seleziona la categoria, che stringa devo aggiungere per sistemare il tutto?

grazie!