如何创建可用于多个项目的图库页面?

时间:2017-07-12 22:28:34

标签: javascript php html css gallery

我会尽量保持这一点。

我在做什么? 我想为多个项目创建画廊。通过单击主页面上的项目缩略图,将库打开为新页面。每个图库应该具有相同的布局,只是不同的标题,文本和图像。

我想如何制作? 我可以为每个画廊制作多个页面,但我理想地想要一个页面,其内容被调整到相应的项目。这样可以轻松调整每个图库的布局,并在将来添加更多的图库。 我在考虑这样的事情:

的index.html

$project1Title = "Project 1";
$project2Title = "Project 2";

<a href="gallery.html">Project1Thumbnail</a> 
(Clicking this should: gallery.html>$projectTitle=$project1Title, etc.)
<a href="gallery.html">Project2Thumbnail</a>
(Clicking this should: gallery.html>$projectTitle=$project2Title, etc.)

gallery.html

<h1>$projectTitle</h1>
<h2>$projectText</h2>
<ul>$projectImages</ul>

我知道我没有使用正确的语法,这只是一个简单的例子。

我尝试了什么? 我尝试使用php和javascript将变量从主页传递到gallery页面,但是我对这些语言的了解还不够。

因此... 关于如何解决这个问题,你有什么建议?创建多个页面,从单个css文件中获取布局,创建一个从变量或其他内容获取内容的单个页面?

我希望一切都清楚,如果不是,请告诉我。

提前致谢!

1 个答案:

答案 0 :(得分:0)

最简单的方法是通过存储库详细信息并使用SQL查询检索它并最终在动态页面(库)上显示它来最大化数据库的使用。通常,数据库可以存储不同种类的数据,如文件路径。

而不是传递“$ project1Title =”Project 1“;” title使用数据库可以使用的适当变量,例如id。