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

Redirect to another html page to add image link and show image with JS

MohabbatRJ answered on May 17, 2023 Popularity 1/10 Helpfulness 1/10

answer Redirect to another html page to add image link and show image with JS

Redirect to another html page to add image link and show image with JS

Comment

<!-- index.html -->

<!-- in href add a link to other page then write this ?image= and image path images/fullImage.webp
<a href="another.html?image=images/fullImage.webp" target="_blank" > 
  <!-- below is link icon -->
  <img class="" width="30px" height="30px" src="./images/svgIcon/link.svg" alt="">
</a>

<!-- another.html -->

<!-- after completing your design setup add a div with #id like below
<div id="fullImage"></div>

<!-- in the another.html file add a script -->
<script>
        // Get the value of the src parameter from the URL
        const urlParams = new URLSearchParams(window.location.search);
        const src = urlParams.get('image');

        const image = document.createElement('img');
        image.src = src;

        // Add the image to the page
        document.getElementById("fullImage").appendChild(image);
</script>

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: mohabbatrj.github.io

Tags: add html image redirect show whatever

Link to this answer
Share Copy Link