Javascript 当点击应应用于面具的裙子时,如何更改面具的裙子

Javascript 当点击应应用于面具的裙子时,如何更改面具的裙子,javascript,Javascript,我使用颜色选择器尝试了此代码。请帮助我更改manque连衣裙 我希望我的网站看起来像下面的链接,请查看它,并帮助我 不使用鼠标悬停的都德看起来很棒,而且与其他网站不同。这样做非常简单。为您的图像指定一个id,以便能够唯一地识别它们。在mouseover函数中,传递当前图像的id并将其映射到另一个图像,或者直接传递要交换的图像的id $("#tail").kendoFlatColorPicker({ preview: false, value: "#000"

我使用颜色选择器尝试了此代码。请帮助我更改manque连衣裙

我希望我的网站看起来像下面的链接,请查看它,并帮助我

不使用鼠标悬停的都德看起来很棒,而且与其他网站不同。这样做非常简单。为您的图像指定一个id,以便能够唯一地识别它们。在mouseover函数中,传递当前图像的id并将其映射到另一个图像,或者直接传递要交换的图像的id

    $("#tail").kendoFlatColorPicker({
        preview: false,
        value: "#000",
        change: select
    });

    $("#head").kendoFlatColorPicker({
        preview: false,
        value: "#e15613",
        change: select
    });

因此,当一个图像悬停时,另一个图像将被更改

或者为你点击

如果要在图像上触发事件,请将此属性设置为每个:

<img src="one.jpg" id="one" onmouseover="swapImage('two')">
<img src="two.jpg" id="two" onmouseover="swapMappedImage(this.id)">

然后,您可以将此函数放在脚本标记上:

<image src=".." onclick="changeMainImage('put here the path of you main image');" >

函数changeMainImage(url)
{
/*现在,假设您使用的是id为“myMainImage”,那么您必须获得主顶级图像的元素!
*/
var mainImage=document.getElementById('myMainImage');
//在这里,我们将设置为maing image,即您作为参数接收的路径
mainImage.src=url;
}

thnq用于您的重播,先生。但是,我需要的不是鼠标悬停,而是在单击时更改图像。请看这个链接。这是我想做的。我不是先生,我也是一个学生,尝试上面的代码,让我知道我还在尝试,因为我对这个领域很陌生,所以尝试发生了什么,为什么要花这么多时间?事实上,我对它完全陌生,我还是一个尝试新想法的学习者,所以需要时间为什么否决它的有效问题?当你否决一个问题时,你应该总是解释为评论。stackoverflow应该强制你支持它。QQ arjun chaudhary不知道答案的人可以这样做。我也会这样做
<script type="text/javascript">
    function changeMainImage(url)
    {
          /*now here you have to get the element of you main top image, supposing that you are usins as an id "myMainImage" ok!
           */
          var mainImage = document.getElementById('myMainImage');
          // here we are setting to the maing image the path you receive as a param
           mainImage.src = url;
    }
</script>