如果我有:
<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
?>