javascript - Codrops遇到“扩展预览的缩略图网格”的麻烦

对于那些不知道的人，有一个很棒的Codrop教程，内容涉及缩略图网格的扩展。我已经下载了演示文件，并且效果很好。我只想在我的网站上看到它的外观，但它不起作用。我正在使用一些php作为菜单和内容，因此我的文件夹位于本地主机中。不管我尝试什么，都不想在本地主机中工作。有没有人完成本教程并在其本地主机上完成？只想知道你们所做的和我所做的有所不同。

干杯

Ftr，这是教程的链接：

http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview/comment-page-6/#comments

最佳答案

我使用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>

另外，这里的链接可能会对您有所帮助。 Thumbnail grid with expanding preview and mini gallery

希望能对您有所帮助。