Question

我需要从表单（id）中获取一些元素（类img）。

我的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/Immagine1.png";
        imgArray[1] = "/images/simpson2.png";
        imgArray[2] = "/images/immagine1.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;

    }

但我不能，我该怎么办？！感谢。

Answer 1

由于您已使用jQuery对其进行了标记，因此我假设您要在#immagini img中显示所点击的图像。

//dom ready handler
jQuery(function ($) {
    //register a click handler to the img elements under the form with id slider
    $('#slider img').click(function () {
        //set the clicked images source as the source for the image under #immagini
        $('#immagini img').attr('src', this.src);
    })
})

演示：Fiddle

Answer 2

你可以用Jquery这样做：

$(document).ready(function(){

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

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

    });


});

参见 DEMO

<强>更新

如果你想从本地数组加载图像src，你可以检查这个小提琴：

DEMO With Array

这是代码：

$(document).ready(function(){

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

            //$('div#immagini img').attr('src', $(this).attr('src'));
        show(0);

        });

  });

以下是show()：

function show(img) {
        var imgArray = new Array();
        imgArray = new Image();
        /*-------------------------------*/
        imgArray[0] = "http://www.genfavicon.com/images/germany.png";
        imgArray[1] = "http://www.genfavicon.com/images/ingles.gif";
        imgArray[2] = "http://www.genfavicon.com/images/espanol.gif";

        //var img = $('.img');

        switch(img)  
    {
        case 0:
            $('div#immagini img').attr('src', imgArray[0]); 
            break;
        case 1: 
            $('div#immagini img').attr('src', imgArray[1]); 
            break;
        case 2: 
            $('div#immagini img').attr('src', imgArray[2]); 
            break;

    }


    }

如何将类img元素转换为表单并显示到我的数组中？

2 个答案: