C
CoSurvivorJul 8, 2019
On the portfolio page:
The default filter is set to ‘show all’ when the page is opened. Can the default tab a different filter?
For example: in my gallery I’d like to show 'New Images' only instead of 'show all' when the page first loads.
I found a topic in the forum on this and followed all the instructions.
http://support.semicolonweb.com/forums/topic/portfolio-jquery-filter/
On my page, the list of portfolio filters:
<ul id="portfolio-filter" class="portfolio-filter clearfix" data-container="#portfolio">
<li><a href="#">Show All</a></li>
<li class="activeFilter"><a href="#">Newly Added</a></li>
<li><a href="#">Ladakh</a></li>
<li><a href="#">Spiti Valley</a></li>
<li><a href="#">Himachal</a></li>
<li><a href="#">Uttarakhand</a></li>
<li><a href="#">Golden Hours</a></li>
<li><a href="#">Expressions</a></li>
<li><a href="#">Up Close</a></li>
<li><a href="#">Wildlife</a></li>
</ul>
and i've added the JS code at the bottom as follows:
<!-- Footer Scripts
============================================= -->
<script src="../js/functions.js"></script>
<script>
jQuery(window).load( function(){
jQuery('#portfolio-filter li').removeClass('activeFilter');
jQuery('#portfolio-filter li').find('[data-filter=".pf-new"]').parent('li').addClass('activeFilter');
jQuery('#portfolio').isotope({ filter: '.pf-new' });
});
</script>
</body>it doesnt work!
can you please have a look at this link and tell me what i'm missing, would be a big help if i could sort this out.
http://www.cosurvivor.in/newsite/pages/galleries.html
Thank you