需要创建动态缩略图网格
Need to create dynamic thumbnail grid.
我是网络开发的新手,我需要创建一个用于公文包目的的网站,在其中我需要显示缩略图和下面我的项目的一点描述,所有内容都应该动态显示。我对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
我是这个论坛的新手,希望有人能回答我的问题
非常感谢,伙计们。
下载CMS Made Simple并获取相册或图库模块。这是完成这项工作的多种方法之一。
您可以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
}
?>
您可以对该代码进行一些扩展,以便生成您的"标题",甚至可以将标题样式设置为<img>
标记内的title=""
属性。如何将这些标题与文件相匹配取决于您。
相关文章:
- 剑道网格jQuery动画()问题
- 使用Dnamics CRM 2011中的JavaScript读取子网格的所有记录,而不考虑活动页面
- 我可以更改剑道UI网格吗's的外键值
- jqGrid树网格问题
- 通过点击按钮翻转缩略图
- 在Three.js中导出网格会提高性能吗
- 如何在剑道网格初始化后设置pageSizes
- 在threejs中使用纹理网格和线框网格
- 如何在可分组的剑道网格中设置空数据文本
- 如何在Angular UI网格中选择下一行
- 在Codrops的内容中添加数组元素展开缩略图网格预览
- IE 9在展开缩略图网格版本中单击失败
- Zurb Foundation 4清除块网格中的Lightbox缩略图
- 需要创建动态缩略图网格
- 在网格中显示缩略图图像,并扩展预览
- 缩略图网格问题
- 引导网格缩略图与扩展预览点击
- 使用Picnicss在Ember中创建缩略图网格
- WordPress用缩略图扩展网格
- WordPress缩略图网格展开预览