Home/ Questions/Q 4607308
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T00:41:05+00:00

I want to resize a img on a click function. Here is my code

  • 0

I want to resize a img on a click function. Here is my code that is currently not working. I am not sure if I am doing this correctly at all, any help would be great.

<script>
$(document).ready(function(){
 $("#viewLarge").click(
 function(){
  $("#newsletter").width("950px");
 });
});
</script>
<a id="viewLarge" class="prepend-7" href="#">View Larger(+)</a>
<img id='newsletter' width='630px' src='images/news/hello.jpg'>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In your HTML source, do not specify width="630". Instead use inline CSS to specify width since jQuery.width() will manipulate CSS width. Also, supply a number without the unit (% or px) to the jQuery.width() function.

    HTML

    <a id="viewLarge" class="prepend-7" href="#">View Larger(+)</a>
<img id="newsletter" style="width: 630px" src='http://farm3.static.flickr.com/2475/4008724345_56506c8183_b.jpg'>

    JavaScript

    $(document).ready(function() {
    $("#viewLarge").click(function() {
        $("#newsletter").width(950);
    });
});

    Demo

    • 0