【发布时间】:2017-05-03 20:17:55
【问题描述】:
我已经制作了一个工作脚本,可以将之前上传的图片(及其标题、大小、类别等)加载到画廊中。 它看起来像这样:https://i.stack.imgur.com/RWASu.jpg
问题是,我让它加载了一个 RANDOM ID 的图像,左右滑动后会有更多这样的图像,我希望它们按 ID 显示,但彼此是 NEXT ID,而不是是相同的或随机的。我怎样才能让它工作?
这是目前为止的脚本:
<?php
$result = mysql_query("SELECT id, rozmiar, technika, kategoria, image_time, title FROM {$table} ORDER BY RAND() LIMIT 1");
if (mysql_num_rows($result) == 0)
echo '<ul><li>Nie wgrano żadnych plików.</li>';
else
{
echo '<ul>';
while(list($id, $rozmiar, $technika, $kategoria, $image_time, $title) = mysql_fetch_row($result))
{
echo "<div class='image-frame left-image'>";
echo "<a href='".$_SERVER['PHP_SELF']."?show=$id' data-lightbox='galeria' data-title='{$title}, {$technika} | {$rozmiar}'><img width='450' src='".$_SERVER['PHP_SELF']."?show=$id'></a>";
echo "<div class='description'><p>{$technika}, {$rozmiar}</p></div></div>";
}
echo '</ul>';
}
?>
<?php
$result = mysql_query("SELECT id, rozmiar, technika, kategoria, image_time, title FROM {$table} ORDER BY RAND() LIMIT 1");
if (mysql_num_rows($result) == 0)
echo '<ul><li>Nie wgrano żadnych plików.</li>';
else
{
echo '<ul>';
while(list($id, $rozmiar, $technika, $kategoria, $image_time, $title) = mysql_fetch_row($result))
{
echo "<div class='image-frame right-image'>";
echo "<a href='".$_SERVER['PHP_SELF']."?show=$id' data-lightbox='galeria' data-title='{$title}, {$technika} | {$rozmiar}'><img width='450' src='".$_SERVER['PHP_SELF']."?show=$id'></a>";
echo "<div class='description'><p>{$technika}, {$rozmiar}</p></div></div>";
}
echo '</ul>';
}
?>
关于我如何将它变成一个脚本的任何想法,这将加载具有升序 ID 的图像的多个块? 将不胜感激所有的建议。
【问题讨论】:
-
你打算如何对这些检索到的图像应用类?我的意思是,只有一个是
left-image,其他都是right-image? -
抱歉没有具体说明 - 我想要显示左侧块和右侧块。那些会显示 ID #1 和 ID #2 的图像,但是会有一个向右滑动的选项,这样左边会变成 ID #3,右边会变成 ID #4。我在将 to 块设置为自动显示画廊的另一部分时遇到问题。我一直在想是否有办法制作一个变量,也可以放入 CSS 中,以便每个块都是唯一的和自动化的?
-
或者也许我应该从两个街区辞职,并在添加更多图像时制作一个只会水平扩展的街区?
-
我在下面给出了答案。希望这能解决您的问题。
标签: php jquery mysql blob image-gallery