同位素过滤器-防止“选定”;从加载所有图像分类

isotope filter - prevent "selected" category from loading all images

本文关键字：加载 图像分类 过滤器 防止 选定 同位素      更新时间：2023-09-26

我已经尝试了建议的修复堆栈溢出，但似乎无法解决我的问题。我试图得到一个"选定"的类别，以防止加载页面加载上的所有图像。我试过去掉"显示全部"这一行，但没用。我认为这是一个js问题。

这是我的html和js: HTML: 

<div id="isotope-options">
<ul id="isotope-filters" class="clearfix">
    <li><a href="#" data-filter="*">Show All</a></li>
    <li><a href="#" data-filter=".isotope-filter2"   class="selected">Recital Photos</a></li> 
    <li><a href="#" data-filter=".isotope-filter1">Home Photos</a></li>
    <li><a href="#" data-filter=".isotope-filter3">Recital   Videos</a></li>    
</ul>            
</div>

JS:

我在这里放不下所有的js，所以这里有一个链接:同位素过滤器js

这是你要求的代码:

<li class="span3 isotope-element isotope-filter2">
    <div class="thumb-isotope">
        <div class="thumbnail clearfix">
            <a href="gallery_images/recital_pics/1pm hippie group.jpg">
                <div class="banner_inner">
                <div class="banner_inner2">
                <figure>
                    <img src="gallery_images/recital_pics/1pm hippie group - sm.jpg" alt=""><em></em>
                </figure>
                <div class="caption">                           
                    Group 1
                </div>
                </div>  
                </div>
                <img src="images/banner_shadow.png" alt="" class="banner_shadow">   
            </a>                
        </div>
    </div>
</li>

您可以使用

$grid.isotope({ filter: '.selected' });
相关文章：