从我的阵列显示图片 [英] Show Image from my Array

问题描述

我的家伙
为什么这个功能不起作用???

I guy Why this function not function???

 $(document).ready(function () {

            $('form#slider img.img').click(function () {

                $('div#immagini img').attr('src', $(imgArray));

            });


        });

32，我想阵列的图像显示在屏幕当我点击我的HTML的图像。

I want that images of my Array to show the screen when I click on the images of my html.

HTML

<form id="slider" onclick="show()">
            <img class="img" src="/images/simpson1.png"/><br>
            <img class="img" src="/images/simpson2.png"/><br>
            <img class="img" src="/images/simpson2.png"/><br>
        </form>

<div id="immagini">
        <img src="" />
    </div>

JS：

function show() {
        var imgArray = new Array();
        imgArray = new Image();
        /*-------------------------------*/
        imgArray[0] = "/images/Image1.png";
        imgArray[1] = "/images/Image2.png";
        imgArray[2] = "/images/Image3.png";

        var img = document.getElementById("slider").getElementsByClassName("img");

        switch(img)  
    {
        case 0: document.getElementById("immagini").getElementsByTagName('img')[0].src = imgArray[0]; break;
        case 1: document.getElementById("immagini").getElementsByTagName('img')[0].src = imgArray[1]; break;
        case 2: document.getElementById("immagini").getElementsByTagName('img')[0].src = imgArray[2]; break;

    }

感谢10000 !!

Thank 10000!!

推荐答案

试试这个：

$(document).ready(function () {
        var imgArray = new Array();
        imgArray[0] = "/images/Image1.png";
        imgArray[1] = "/images/Image2.png";
        imgArray[2] = "/images/Image3.png";
            $('form#slider img.img').click(function(e) {
                var index = $(this).prevAll('img').length; // to get the length of prev images.
                $('div#immagini img').attr('src', imgArray[index]);
            });
});

演示

DEMO

这篇关于从我的阵列显示图片的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！