Kā sauc figņu ar ko šķiro?

[Cibiņš]

Kā sauc to figņu ar ko šķiro elementus pa grupām ar jquery animējot tos? Tas domāts, ka atverot lapu ar jquery defaultā piemēram rāda attēlus vienā čupā. Savukārt virs attēlu listes ir pogas "Visas būves", "Tilti", "Skrāpjudebesis", "Privātmājas" utt, kur uzspiežot piemēram "Tilti" no visas lielās čupas tiek atlasīti un parādīti tikai tilti, vai uzspiežot "Privātmājas" tiek atspoguļoti attēli ar privātmājām, vai uzspiežot pogu "Visas būves" attēli tiek savākti atkal vienā čupā. Kautkas līdzīgs Tabiem bet tie nav tabi jo negribas kasīt katrā tabā attēlus divreiz! Moš kāds zin kādu totorialu tam? Būtiski, lai arī URLī nomainās kategorija, piem klikojot uz Tilti tad adrese ir /#tilti, vai klikojot uz Privātmājas lai adrese ir /#privatmajas, un klikojot uz Visas būves lai adresē grupa pazūd, jo ir nostādināts atkal defaultais stāvoklis.

Edited September 14, 2012 by Cibiņš

[ArnisR]

Varbūt šis?

http://tutorialzine.com/2011/06/beautiful-portfolio-html5-jquery/

[draugz]

Es tiešām nesaprotu, kā var uztaisīt ~450 postus, un pat nespēt domāt? Ja Tu, Cibiņ strādā par programmētāju, tad, lai Dievs nogrābstās un es ļoti ceru, ka nekad mūžā nebūs jālieto Tevis veidotu programmu.

 

Bet ja par tēmu, tad Tev pilnīgi pietiktu ar 13 javascript rindiņām

<ul id="menu">
<li class="type_bridge">Tilts</li>
<li class="type_building">Mājas</li>
<li class="type_land">Zeme</li>
<li class="type_all">Viss</li>
</ul>
<div id="images">
<img src="..." class="type_bridge" />
<img src="..." class="type_building" />
<img src="..." class="type_land" />
<img src="..." class="type_bridge" />
<img src="..." class="type_building" />
<img src="..." class="type_land" />
<img src="..." class="type_bridge" />
<img src="..." class="type_building" />
<img src="..." class="type_land" />
</div>
<script type="text/javascript">
$(function(){
 $("#menu li").click(function(e){
if($(this).hasClass('type_all')){
  $("#images img").show();
}else{
  var itemClass = $(this).attr('class');
  if(itemClass.match(/\b(type_[a-z]+)\b/)){
   itemClass = itemClass.replace(/\b(type_[a-z]+)\b/,"$1");
   $("#images img."+itemClass).toggle();
  }
}
 });
})
</script>

Edited September 14, 2012 by draugz

[Cibiņš]

draugz! Visu 100% nevar zināt, kodēšanas puse ir ļoti plaša un vienmēr var parādīties kaut kas tāds, kas priekš manis ir kaut kas jauns! Bļauju tik tādos gadījumos ko vai nu nevaru kaut kāda iemesla dēļ izgooglēt vai arī kautkas nedarbojas kā nākas! Arņa variants bij tieši tas ko meklēju! Paldies!