我想开发一个灯箱插件,所以我创建了一些 css 并在下面制作了这个脚本
$(function (){
$("img").click(function() {
var imp = $(this).attr('src');
var i=700;
var j=700;
$(".box").html($("<img>").attr("width", i));
$(".box").html($("<img>").attr("width", j));
$(".box").html($("<img>").attr("src", imp));
});
});
css
.box
{
position:absolute;
top:20%;
left:20%;
width:auto;
height:auto;
background:#ffffff;
z-index:999999;
padding:10px;
box-shadow:0px 0px 5px #444444;
display:none;
}
这里.box是类div,当用户点击它时我在其中显示图像。但我想以大尺寸显示它,所以我使用了宽度 attr 但它对我来说没有改变。我还想添加下一个上一个功能,以便在用户单击下一个和上一个时将图像更改为下一个图像。有人可以帮忙吗?
最佳答案
试试这个,
$(function (){
$("img").click(function() {
var imp = $(this).attr('src');
var i=700;
var j=700;
$img=$("<img>");
$(".box").html($img);
$img.width(i);
$img.attr('src',imp);
});
});
关于javascript - 如何使用 Jquery 更改图像大小并更改下一张/上一张图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16807620/