Question

175

how to change the image of div on click of other image

rated 0 times [ 179] [ 4] / answers: 1 / hits: 25034 / 12 Years ago, tue, april 17, 2012, 12:00:00

I have two image div in HTML i want that onclik of one image other image should change

         <div class=image_21><img src=pagetwo_graph_two_4.png/></div>

        <div class=alignment><img src=pagetwo_graph_one.png/></div>

        <div class=image_one><img src=pagetwo_graph_two_1.png/></div>

       <div class=image_two><img src=pagetwo_graph_two_2.png/></div>

        <div class=option_image><img src=option1.png/></div>

        <div class=option_image_label>Option 1</div>

        <div class=option_image_one><img src=option1.png/></div>



         <div class=option_image_label_one>Option 2</div>

I want that on click on option_image_one it should change image of image_one and imagetwo

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jazminuniquer

Add To Favorites

Follow

Total Points: 63

Total Questions: 121

Total Answers: 96

Location: Cambodia

Member since Thu, May 21, 2020

4 Years ago

jazminuniquer questions

1 Next.js change locale for the current path that has query, using router

Sat, Nov 20, 21, 00:00, 3 Years ago

1 Error: bundle initial-es5 exceeded maximum budget. Budget 6.00 MB was not met by 133.51 kB with a total of 6.13 MB

Thu, Feb 18, 21, 00:00, 3 Years ago

1 How to get values from client.users.fetch(id) in discord.js

Thu, Sep 3, 20, 00:00, 4 Years ago

1 Apply motion to react component Framer-Motion

Thu, Jun 25, 20, 00:00, 4 Years ago

1 Vuetify - How to select a row data using v-radio-group in v-data-table

Tue, May 19, 20, 00:00, 4 Years ago

View All

answered 12 Years ago tyreem · Accepted Answer

UPDATE

<html>

 <head>

  <script type=text/javascript>

   function changeImage(){

    document.getElementById('toChange').src='3.jpg';

   }

  </script>

 </head>

 <body>

  <div class=option_image_one><img src=1.jpg onclick=changeImage()/></div>

  <div class=image_two><img src=2.jpg id=toChange/></div>

 </body>

</html>

Here the code that works for me