使用图像值从数组中选择图像并显示它（Javascript）

我有一堆图片，我想在点击时显示它们的更大版本。我现在所拥有的：

    <div class="gallery">
        <div>
            <img src="content/imggallery/img1.jpg" class="oldimg" value="0">
        </div>
        <div>
            <img src="content/imggallery/img2.jpg" class="oldimg" value="1">
        </div>
        <div>
            <img src="content/imggallery/img3.jpg" class="oldimg" value="2">
        </div>
    </div>  

和Javascript/jQuery：

$(function() {
var docHeight = $(document).height();
var imageData = new Array (3);
imageData[0]="0.jpg";
imageData[1]="1.jpg";
imageData[2]="2.jpg";

$(".oldimg").click(function(){
    $("body").append("<div id='overlay'></div>");
    $("body").append("<div id='newimg'></div>");

    $("#overlay")
    .height(docHeight)
    .css({
        'opacity' : 0.4,
        'position': 'fixed',
        'top': 0,
        'left': 0,
        'background-color': 'black',
        'width': '100%',
        '-ms-filter': 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)',
        'filter': 'alpha(opacity=50)',
        'z-index': 1000
    });
    $("#newimg")
    .css({
        'position': 'fixed',
        'top': '50%',
        'left': '50%',
        'background-image': 'url(' + imageData[] + ')',
        'transform': 'translate(-50%, -50%)',
        'width': '100%',
        'height': '100%',
        'z-index': 1010
     });
    $("#newimg").click(function(){
        $("#newimg").remove();
        $("#overlay").remove();
    });
});
});

$（函数（）{
var docHeight=$（document）.height（）；
var imageData=新阵列（3）；
imageData[0]=“0.jpg”；
imageData[1]=“1.jpg”；
imageData[2]=“2.jpg”；
$（“.oldimg”）。单击（函数（）{
$（“正文”）。追加（“”）；
$（“正文”）。追加（“”）；
$（“叠加”）
.身高（八）
.css({
“不透明度”：0.4，
'位置'：'固定'，
“顶部”：0，
“左”：0，
“背景色”：“黑色”，
“宽度”：“100%”，
“-ms过滤器”：“progid:DXImageTransform.Microsoft.Alpha（不透明度=50）”，
“过滤器”：“alpha（不透明度=50）”，
“z指数”：1000
});
$（“#newimg”）
.css({
'位置'：'固定'，
"最高":"50%",，
“左”：50%，
'背景图像'：'url（'+imageData[]+'），
“转换”：“转换（-50%，-50%），
“宽度”：“100%”，
“高度”：“100%”，
“z索引”：1010
});
$（“#newimg”）。单击（函数（）{
$（“#newimg”）.remove（）；
$（“#覆盖”）.remove（）；
});
});
});

现在，如何获取图像的值，将其传递给数组，然后传递给

“background-image”：“url（'+imageData[]+'）”

？此外，如何调整

#newimg

大小以适合图像？因为

width

和

height 100%

应该这样做，但只能在没有重新重复的情况下进行，所以我应该将重新重复放在哪里呢？
该代码可以工作，但仅适用于固定高度/宽度和特定的img背景i。e<代码>1.jpg
JSFIDLE中的工作示例：

非常感谢

使用获取图像值

 $(".oldimg").click(function(){
       var value= $(this).attr("value");
       imageData[value]; // get value 
});