Javascript 如何将动态图像url传递给其他函数
我试图将image的路径传递给onclick事件。我正在从文件夹中动态拍摄图像。现在，我必须通过图像的路径。我试过了，但没有得到预期的结果。请给我任何建议 我的代码：Javascript 如何将动态图像url传递给其他函数,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图将image的路径传递给onclick事件。我正在从文件夹中动态拍摄图像。现在，我必须通过图像的路径。我试过了，但没有得到预期的结果。请给我任何建议 我的代码： <div class="col-md-2"> <div class="img-responsive"> <img id="prod" src="<?php echo base_url('uploads/store/'.$data->img);?>" style="heigh
<div class="col-md-2">
<div class="img-responsive">
<img id="prod" src="<?php echo base_url('uploads/store/'.$data->img);?>" style="height:350px;width:200px;display:none;" alt="Fjords">
</div>
img）；？>“style=”高度：350px；宽度：200px；显示：无；“alt=”峡湾“>
<style type="text/css">
.button
{
width: 150px;
padding: 10px;
background-color: #FF8C00;
box-shadow: -8px 8px 10px 3px rgba(0,0,0,0.2);
font-weight:bold;
text-decoration:none;
}
#cover{
position:fixed;
top:0;
left:0;
background:rgba(0,0,0,0.6);
z-index:5;
width:100%;
height:100%;
display:none;
}
#loginScreen
{
height:380px;
width:340px;
margin:0 auto;
position:relative;
z-index:10;
display:none;
background: url(//here i have to pass above mentioned path src of image) no-repeat;
border:5px solid #cccccc;
border-radius:10px;
}
#loginScreen:target, #loginScreen:target + #cover{
display:block;
opacity:2;
}
.cancel
{
display:block;
position:absolute;
top:3px;
right:2px;
background:rgb(245,245,245);
color:black;
height:30px;
width:35px;
font-size:30px;
text-decoration:none;
text-align:center;
font-weight:bold;
}
</style>
</head>
<body>
<div align="center">
<br><br><br><br>
<a href="#loginScreen" class="button">Click here to Log In</a>
</div>
<div id="loginScreen">
<a href="#" class="cancel">×</a>
</div>
<div id="cover" >
</div>
</body>
</html>
按钮
{
宽度：150px；
填充：10px；
背景色：#FF8C00；
盒影：-8px 8px 10px 3px rgba（0,0,0,0.2）；
字体大小：粗体；
文字装饰：无；
}
#掩护{
位置：固定；
排名：0；
左：0；
背景：rgba（0,0,0,0.6）；
z指数：5；
宽度：100%；
身高：100%；
显示：无；
}
#登录屏幕
{
高度：380px；
宽度：340px；
保证金：0自动；
位置：相对位置；
z指数：10；
显示：无；
背景：url（//这里我必须通过上面提到的图像路径src）没有重复；
边框：5px实心#中交；
边界半径：10px；
}
#登录屏幕：目标，#登录屏幕：目标+#覆盖{
显示：块；
不透明度：2；
}
.取消
{
显示：块；
位置：绝对位置；
顶部：3px；
右：2px；
背景：rgb（245）；
颜色：黑色；
高度：30px；
宽度：35px；
字体大小：30px；
文字装饰：无；
文本对齐：居中；
字体大小：粗体；
}