Javascript 在Codrops方面遇到问题”；带展开预览的缩略图网格“；

对于那些不知道的人，有一个关于codrops的非常酷的教程，关于一个扩展的缩略图网格。我已经下载了演示，效果非常好。我只是想看看它在我的网站上会是什么样子，但它不想工作。我在菜单和内容中使用了一些php，所以我的文件夹在本地主机中。无论我尝试什么，它都不希望在本地主机内工作。是否有人在本地主机上完成了本教程？只是想知道你们做了什么和我做的不同

干杯

Ftr，这是指向教程的链接：

---

我使用xampp在本地主机上运行它。不需要做任何特殊的事情来让它运行

我从数据库中提取图像，如下所示：

            <div class="main">

                <ul id="og-grid" class="og-grid">
<?php 
$images = DB::getInstance()->query("SELECT `id`, `creation`, `img_name`, `category_id`, `org_img`, `thumb_img` FROM `images` WHERE category_id = 4 ORDER BY `id` DESC ");

foreach($images->results() as $im){ ?>


        <li <?php echo escape($im->logo_id); ?>>
            <a href="http://goo.gl/ikGc2Y" title="<?php echo escape($im->logo_name); ?>" target="_blank" data-title="<?php echo escape($im->logo_name); ?>" data-largesrc="logos/<?php echo escape($im->org_img); ?>" data-description="Download this logo and others at the app store.">
            <img src="logos/<?php echo escape($im->new_img); ?>" alt="<?php echo escape($im->logo_name); ?>"/>
                        </a>
                    </li>

<?php } ?>                  
                </ul>
            </div>

>

这里还有一个链接可能会对您有所帮助

希望能对你有所帮助