Codrops"缩略图网格有问题,扩展预览"

时间:2014-05-26 09:58:05

标签: javascript php jquery

对于那些不了解的人,有一个非常酷的教程,关于缩放网格的扩展。我已经下载了这个演示版,它完美无缺。我只是想看看它在我的网站上会是什么样子,但它并不想工作。我使用一些php作为菜单和内容,所以我的文件夹在我的本地主机中。无论我尝试什么,它都不想在本地主机上工作。有没有人完成本教程并在本地主机上完成?只是想知道你们所做的事情与我所做的不同。

干杯

Ftr,这是教程的链接:

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

1 个答案:

答案 0 :(得分:2)

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

希望能帮到你。

相关问题