Javascript 获取img src onclick，然后将其馈送到其他函数中

我正在尝试设置一个图库，在单击一个较小的图像时，它将显示一个较大的隐藏div，其中包含单击的特定图像

我想知道如何设置Jquery，在单击div时，它将

imgsrc

馈送到另一个

img

标记（带有变量或其他）

我在玩类似的东西

function getImageSrc(x) {
   var x= document.getElementsByClassName("image").src,
   return x;

然后我将其输入到另一个函数中，

x

将是

getImageSrc

函数中的

imgsrc

，但我不能完全理解它。我似乎无法想象如何在第一个函数中触发

onClick

事件，而不在第一个函数中插入额外的函数

任何帮助都会很好。如果这个方法不起作用，我甚至会采取一个全新的方向（除了插件）

下面是代码片段，我现在有时间来了解它。我基本上是在尝试将图像src传递到单击图像时单击的

.clicked

，单击的

.clicked

将从

可见性：隐藏的
转到
可见性：可见的

需要运行的下一个脚本是当
.clicked
div可见并单击时，它返回到隐藏状态

我很难理解第一个剧本


。单击{
可见性：隐藏；
身高：100%；
宽度：100%；
背景：rgba（35,35,41,9）；
z指数：100；
排名：0；
}
.imgcontainer{
高度：200px；
宽度：200px；
溢出：隐藏；
}

您可以这样做

function getImageSrc(x){
    var x= document.getElementsByClassName("image").src;
    //Call the function to append the img src to the new element
    appendImageSrc(x);
}

function appendImageSrc(imageSrc){
    //append the src to the new Element
    document.getElementsByClassName("imageLarger").src = imageSrc;
}

代码解释说，它非常简单


$（文档）.ready（函数（）{
$（'.small>img'）。单击（函数（）{
$（'.big>img'）.prop（'src'，$（this.prop（'src'））；
$（'.big'）.show（）；
})
});
.small{
高度：100px；
宽度：100px；
}
.small>img，
.big>img{
身高：100%；
宽度：100%；
}
.大{
高度：300px；
宽度：300px；
显示：无；
}


您可以这样做
请尝试此代码。我想这对你有帮助



$（文档）.ready（函数（）{
document.getElementById（“SmallerImage URL”）.src=“https://upload.wikimedia.org/wikipedia/commons/1/16/HDRI_Sample_Scene_Balls_（JPEG-HDR）.jpg”；
});
函数放大图像（）{
var SmallImg=getImageSrc（“smallerimagerurl”）；
document.getElementById（“EnlargedImageURL”）.src=SmallImg；
}
函数getImageSrc（ImageClass）{
var x=$（“+ImageClass）.attr（“src”）；
返回x；
}
.小型集装箱{
宽度：250px；
浮动：左；
}
.大型集装箱{
宽度：500px；
浮动：左；
}
.大型集装箱img，
.小型集装箱img{
浮动：左；
宽度：100%；
}
.行{
宽度：100%；
浮动：左；
}
放大我
Post the HTML Structure能否显示您正在处理的代码片段？向我们显示您的标记材料我认为只需切换脚本中的一些调用即可，但不幸的是，单击图像后，它似乎什么也做不了。
$(document).ready(function() {
    $("#open_page").click(function(){

        var go_to_url = $("#redirect").find(":selected").val();
        document.location.href = go_to_url;
    });
});