Jump to content
RjhRjh

JAVASCRIPT DROPDOWN IMAGE CHANGE AND ZOOMING

Recommended Posts

i am new to web designing,

 

i don't know much about javascript.

 

<select id="plan" align="center" valign="center">
    <option value="images/21.jpg">PHASE 1</option>
    <option value="images/22.jpg">PHASE 2</option>
<option value="images/23.jpg">PHASE 3</option>
    <option value="images/24.jpg">PHASE 4</option>
<option value="images/25.jpg">PHASE 5</option>
    <option value="images/200.jpg">PHASE 6</option>
<option value="images/210.jpg">PHASE 7</option>
</select>
 
<img id="image" src="images/21.jpg" align="center" valign="center" Onclick="zoom"/>
 
<script type="text/javascript">
function setplan() {
    var img = document.getElementById("image");
    img.src = this.value;
    return false;
}
document.getElementById("plan").onchange = setplan;
</script>
 
above is the code given.
the above codes changes the images when the values of the dropdown menu are selected, every dropdown menu has a specific image bind to it.
 
when the image is displayed after selecting any item from dropdown,
now i want to popup or zoom the image or open it itnto new widow when i click on the image,
 
plz help me.
 
 
plz visit this link, and go to 2nd tab floor plan.
then u will know what  i want
plz help me.
 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.