php - lightgallery插件的动态图像路径
问题描述
我们已经添加了代码,但只显示拇指图像。我们想要自然的图像路径。我附上了图片参考,请通过这个
<div class="<?php echo $class; ?>">
<?php if ($thumb || $images) { ?>
<ul class="thumbnails" id="lightgallery" >
<?php if ($thumb) { ?>
<li class="col-xs-6 col-sm-4 col-md-3 prdbimgImg img-responsive" data-responsive="<?php echo $thumb; ?>" data-src="<?php echo $thumb; ?>" >
<a href="" id="zoom_01">
<img class="img-responsive" src="<?php echo $thumb; ?>" data-zoom-image="<?php echo $popup; ?>">
</a>
</li>
<?php } ?>
<?php if ($images) { ?>
<?php foreach ($images as $image) { ?>
<li class="image-additional img-responsive" data-responsive="<?php echo $image['thumb']; ?>" data-src="<?php echo $image['thumb']; ?>" >
<a href="" data-id="zoom_01">
<img class="img-responsive" src="<?php echo $image['thumb']; ?>" data-zoom-image="<?php echo $popup; ?>">
</a>
</li>
<?php } ?>
<?php } ?>
</ul>
<?php } ?>
</div>
解决方案
那是因为您将缩略图设置为 data-src:
data-src="<?php echo $image['thumb']; ?>"
根据文档,data-src
应该包含完整的图像。
如果图像存储在您所说的$images
缩略图中$thumb
,那么这应该可以解决问题:
<ul id="lightGallery" >
<?php for ($i = 0; $i < count($images); $i++) { ?>
<li data-src="<?php echo $images[$i]; ?>" >
<img src="<?php echo $thumb[$i]; ?>" />
</li>
<?php } ?>
</ul>
推荐阅读
- blazor - 如何将 blazor 客户端/服务器应用程序发布到 linux Web 服务器?无权访问 ssh 并且 dotnet publish 不提供 index.html
- github - Git 协作者无法推送
- python - 冒泡排序问题
- hbase - 列族是否在 HBase 的磁盘上并排放置?换句话说,HBase 是面向列的吗?
- python - 如何实时获取子流程中的输出?
- java - 为原始应用程序的多个版本编写修改
- java - 尝试从 API 获取数据
- sql - 使用 Plsql 在一张表中需要不同数量的不同地址、ID 等
- php - 如何使用 composer & docker 处理缺少的依赖项?
- swift - 如何在 Swift 中通过引用返回字典?