需要创建动态缩略图网格。

时间:2013-05-09 13:06:35

标签: php javascript jquery html css

我是网络开发的新手,我需要创建一个用于组合目的的网站,我需要在其下面显示缩略图和我项目的一些描述,并且所有内容都应该动态显示。我有PHP,wordpress,javascript,jquery,python和HTML / CSS的基本知识,所以我这样做是为了学习目的。

我希望你们能告诉我怎样才能做到这一点,只需指导我将要处理的剩余部分。

一些类似的例子是

http://themes.themepunch.com/?theme=megafoliopro_jq

http://codecanyon.net/item/dzs-scroller-gallery-cool-jquery-media-gallery/full_screen_preview/457913?ref=ibrandstudio

我是这个论坛的新手,希望有人能回答我的问题

非常感谢队友。

2 个答案:

答案 0 :(得分:0)

下载CMS Made Simple并获取albumgallery模块。这是完成工作的众多方法之一。

答案 1 :(得分:0)

您可以glob()使用PHP生成缩略图的目录。我在我的摄影网站上使用这种方法:

<?php
$counter = 0; // Set counter to 0
foreach (glob("images/photo-strip/thumb/*.jpg") as $pathToThumb) { // Grab files from the thumbnail path and save them to variable
    $th_filename = basename($pathToThumb); // Strip the thumbnail filename from the path
    $filename = str_replace('th_', '', $th_filename); // Strip th_ from the filename and save it to a different variable
    $pathToFull = 'images/photo-strip/' . $filename; // Rebuild the path to the full-size image
    echo ("<section class=\"photo-box\"><a href=\"$pathToFull\"><img src=\"$pathToThumb\" /></a></section>"); // Echo the photobox
    $counter++; // Increment counter by 1 until no file exists
}
?>

您可以扩展此代码,以生成“标题”,甚至可以在title=""标记内的<img>属性中设置标题样式。如何将这些字幕与文件相匹配取决于您。