Breaking News: Grepper is joining You.com. Read the official announcement!

change photo with js

Add Answer

WinMaw answered on December 7, 2020 Popularity 9/10 Helpfulness 2/10

answer change photo with js

related js code to change a immage

related how to make images change in javascript

change photo with js

Comment

//ui
<form action="" method='post'>
  <img src="https://www.freeiconspng.com/uploads/no-image-icon-13.png" id="coverPreview" alt="">
  <input type="file" id="cover" />
</form>

//css
input{
  display:none;
}

//js
 let coverPreview = document.getElementById('coverPreview');
        let cover = document.getElementById('cover');

        coverPreview.addEventListener('click',_=>cover.click());

        cover.addEventListener("change",_=>{
            let file = cover.files[0];
            let reader = new FileReader();
            reader.onload = function (){
                coverPreview.src = reader.result;
            }
            reader.readAsDataURL(file);
        });

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: cover javascript photo profile

Link to this answer
Share Copy Link

Contributed on Mar 03 2022

WinMaw

0 Answers Avg Quality 2/10

Closely Related Answers

js code to change a immage

Comment

<script type="text/javascript">
    function changeImage(a) {
        document.getElementById("img").src=a.src;
    }
</script>
<div id="main_img">
    <img id="img" src="1772031_29_b.jpg">
</div>
<div id="thumb_img">
    <img src='1772031_29_t.jpg'  onclick='changeImage("1772031_29_b.jpg");'>
    <img src='1772031_55_t.jpg'  onclick='changeImage("1772031_55_b.jpg");'>
    <img src='1772031_53_t.jpg'  onclick='changeImage("1772031_53_b.jpg");'>
</div>

Popularity 10/10 Helpfulness 4/10 Language html

Source: stackoverflow.com

Tags: html

Link to this answer
Share Copy Link

Contributed on Dec 07 2020

Gentle Grebe

0 Answers Avg Quality 2/10

how to make images change in javascript

Comment

let imgC = document.getElementById("imgC") // <img id="imgC" src="">
let images = {
    "imgArray": [
        "img1.jpg" ,
        "img2.jpg" ,
        "img3.jpg" ,
    ]
}

let counter = 0 ;
function changeImg()
{
    if(counter > 2 ) // here 2 is the available number of images in html page directory
    {
        counter = 0 ;
    }

    imgC.src = images.imgArray[counter] ; 
    counter ++ ;
    console.log(counter)
}


setInterval(changeImg, 1500)

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Jul 15 2022

Hilarious Hyena

0 Answers Avg Quality 2/10

change photo with js

Contents

More Related Answers

change photo with js

Closely Related Answers

js code to change a immage

how to make images change in javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.