How to link an image with a URL using Javascript?
P粉652495194
P粉652495194 2024-04-03 10:34:22
0
1
314

I have an image that I want to link to a URL. I have used javascript. code after running the code I want to display this image and when I click on it I want to open some other page which is linked to this image via url.

what should I do?

I tried it, but it didn't work.

Code(I took this from Stack Overflow)

P粉652495194
P粉652495194

reply all(1)
P粉638343995

function handleClick(){
 const image = new Image ()

image.src = "https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"
image.style.width="200px"
image.style.height="200px"
image.alt="Google logo"
image.addEventListener("click", function() {
  window.location.href="https://www.google.com"
})

const element = document.getElementById('image-container')
if(element){
   element.appendChild(image)
}

}

Image will show here

I hope this simple code snippet helps you.

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!