Php 我想在打开框模式时在图像下显示alt属性
我想在打开box模式时在图像下显示alt属性,我从mysql调用图像。Php 我想在打开框模式时在图像下显示alt属性,php,mysql,twitter-bootstrap,Php,Mysql,Twitter Bootstrap,我想在打开box模式时在图像下显示alt属性,我从mysql调用图像。 php代码: while ($row = mysqli_fetch_array($result)) { <img id="'.$row['id'].'" data-toggle="modal" data-target="#myModal2" alt='.$row['caption'].' src = "data:image;base64,'.$row['image'].'" style
php代码:
while ($row = mysqli_fetch_array($result)) {
<img id="'.$row['id'].'" data-toggle="modal" data-target="#myModal2"
alt='.$row['caption'].' src = "data:image;base64,'.$row['image'].'"
style="width:100%">
<h5 data-toggle="modal" data-target="#myModal2">'.$row['caption'].'</h5>
例如,您可以在模态中创建
p
元素,然后使用text()
函数从alt
属性向该元素添加文本
HTML:
您没有在第一个php代码块中使用
echo
,如果这不是您实际代码的外观,请进行编辑。@mickmackusa使用echo做什么?您的while()
循环表示您的代码被解析为php
。php不会显示任何html,除非您使用:echo
,print
,等等。如果您不想编写echos,您需要使用?>
跳入跳出php,它会显示图像和标题,当我单击框模式时,它会放大图像,我的问题是如何在打开框时在图像下显示alt属性
<div id="myModal2" class="modal fade" role="dialog">
<span id="close" data-dismiss="modal">×</span>
<div class="modal-content">
<img class="img-responsive " src=""/>
</div>
</div>
$(document).ready(function () {
$('#myModal2').on('show.bs.modal', function (e) {
var image = $(e.relatedTarget).attr('src');
$(".img-responsive").attr("src",image);
});
});
<div id="myModal2" class="modal fade" role="dialog">
<span id="close" data-dismiss="modal">×</span>
<div class="modal-content">
<img class="img-responsive " src=""/>
<p></p>
</div>
</div>
$(document).ready(function () {
$('#myModal2').on('show.bs.modal', function (e) {
var image = $(e.relatedTarget).attr('src');
$(".img-responsive").attr("src",image);
$("#myModal2 p").text($(e.relatedTarget).attr('alt'));
});
});