Как изменить размер изображения с jQuery
Я хочу изменить размер img на функции щелчка. Вот мой код, который в настоящее время не работает. Я не уверен, делаю ли я это правильно вообще, любая справка была бы большой.
<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'>
2 ответа
Возможно, страница перезагружается, потому что вы не предотвращаете действие ссылки по умолчанию. Попробуйте добавить return false; после установки ширины, чтобы ссылка не использовалась. Вам действительно следует переписать его, используя стиль, а не атрибут ширины, хотя при тестировании это не имело значения. Использование следующего кода (но замена вашего изображения одним из моих) сработало для меня.
<script>
$(document).ready(function(){
$("#viewLarge").click(
function(){
$("#newsletter").width("950px");
return false;
});
});
</script>
<a id="viewLarge" class="prepend-7" href="#">View Larger(+)</a>
<img id='newsletter' src='images/news/hello.jpg' style="width: 630px;">
Привет, Андерс. Попробуйте использовать консоль firebug, о которой говорит парень выше. Сначала вам нужно включить его, но он будет отлавливать ваши ошибки. Вы также можете попробовать консоль ошибок с помощью Ctrl + Shift + J, которая встроена в Firefox и большинство других браузеров.
Что касается вашего кода, у меня это нормально работает.
<a id="viewLarge" class="prepend-7" href="#">View Larger(+)</a>
<img id='newsletter' width='630' height='250' src='http://www.google.ca/intl/en_com/images/srpr/logo1w.png'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$("#viewLarge").click(function(){
$("#newsletter").css('width', '950px');
});
});
</script>