我如何才能为数据库请求中的每个图像添加一个灯箱句柄


How can I add a lightbox handle to each image coming out of a database request please

如果我有:

<div class="feed-container">
    <div id="instafeed"></div>
</div>

我正在将数据库中的图像调用到div id"instafeed"中,如何为数据库中的每个图像添加rel或类。

我曾经在PHP中做过"for each…"之类的事情,但我不知道如何使用html或js。我可以使用PHP,如果这样更容易的话,但我对PHP和JavaScript的了解有限。

我上面的主要目标是,当从数据库中检索图像时,我希望每个检索到的图像都添加一个类或del,这样我就可以使用lightbox JS来对每个图像进行lightbox处理。

更新:

如果你没有访问数据库的权限,但你知道数据库会在标签中显示所有图像,你会写什么。例如,您没有访问数据库的权限,也不确定它是mysql还是其他什么,但您知道数据库最终会显示这样的图像:

<a href="whatever path">image1</a>
<a href="whatever path">image2</a>
<a href="whatever path">image3</a>
<a href="whatever path">image4</a>

感谢

如果你想单独使用jQuery,一旦你从数据库中检索到图像,你就会这样做-

$('#instafeed img').addClass('db-img');

纯JavaScript-

var images = document.getElementsByTagName("img");
var i;
for(i = 0; i < images.length; i++) {
    images[i].className += " db-img"; // note the space before the class name
}

如果您控制从DB获取图像并将其呈现到HTML页面的PHP代码,那么问题出在哪里呢?我什么都看不见。。

在运行过程中,将class属性(如class='db-img')添加到img标记中,该标记将使用刚刚从DB中提取的URL/SRC进行呈现。

例如:

<?php
$imageId = intval($_GET["id"]);
$query = mysql_query("SELECT img FROM images WHERE id = ". $imageId);
$row = mysql_fetch_array($query);
$mime = "image/jpeg";
$b64Src = "data:".$mime.";base64," . base64_encode($row["img"]);
echo '<img src="'.$b64Src.'" alt="" class="db-img"  />'; // NOTE to the class
?>