Codrops遇到“擴展預覽的縮略圖網格”的麻煩

Question

對於那些不知道的人，有一個很酷的codrop教程，內容涉及一個展開的縮略圖網格。 我已經下載了演示，它運行完美。 我只想在我的網站上看到它的外觀，但它不起作用。 我正在使用一些php作為菜單和內容，因此我的文件夾位於本地主機中。 不管我嘗試什么，都不想在本地主機中工作。 有沒有人完成本教程並在其本地主機上完成？ 只想知道你們所做的可能與我所做的不同。

干杯

Ftr，這是教程的鏈接：

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

Answer 1

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

另外，這里的鏈接可能會對您有所幫助。 具有擴展預覽和迷你畫廊的縮略圖網格

希望能對您有所幫助。