Уменьшение изображения

Добрый день, может у когонибудь есть скрипт который уменьшает изоображение до нужного, а при нажатии мышкой изображение увеличивается.

Буду очень признателен если выложите чтото подобное, сам искал но толком ничего так и не нашол.

буду очень благодарен за любую информации по данной теме

[Андрей Параничев]

Попробуйте сделать сами, а мы поможем.

Андрей Параничев, я делал только статически, тоесть изображение фотошопом уменьшал, и когда нажимаешь на него показывается увеличеное. Но так не пойдет, хочу сделать информер погоды, а там картинки динамические.
Пытался сделать ничего в голову не приходит, только статика.

делал вот так

function changeSrc(n)
{
if(n==1){
document.getElementById("myImage").src="img/bot1.gif";
}
else {document.getElementById("myImage").src="img/bot.gif";}
}     

<p align="center"><a href="reg.php" onmouseover="changeSrc(1)" onmouseout="changeSrc(0)"><img id="myImage" border="0" src="img/bot.gif" width="416" height="77"><a></td>

Зы: Админы поставте гостям тег [ js ] а то в ручную наберать фигова

[Gvozd]

у рисунков есть атрибуты height и width, доступные в виде свойств.
если вы зададите только один(неважно JS-ом, или в теге пропишите), то рисунок отмасштабируется по обоим направлениям, с одинаковым масштабом.
зададите оба, и все будет масштабироватся соотетсвенно.

Зы: Админы поставте гостям тег [ js ] а то в ручную наберать фигова

а вы бы зарегестрировались, например.
PS Я считаю Админам в первую очередь надо заботится о постоянных посетителях, а не о гостях, коих пачки вас

[zerg]

Gvozd, точно, огромное тебе спасибо, чета както не додумался, думал делается через какие функции.

сделал вот так, все работает спс

<script type="text/javascript">
  
function changeWidth(n)
{
if(n==1){
document.getElementById("myImage").width="748";
}
else {document.getElementById("myImage").width="500";}
}     
</script>


<a href="reg.php" onmouseover="changeWidth(1)" onmouseout="changeWidth(0)"><img id="myImage" border="0" src="bot.gif" width="500"><a>

а еще вопросик как можно сделать чтобы рисунок был светлее когда в маленьком срстоянии, если конечно я совсем не оборзел?

[zerg]

Еще такой вопрос ка сделать чтобы с кликом работало, тоесть нажимаю увеличивается, потом опять нажимаю уменьшается.

оригинал

<script type="text/javascript">
  
function changeWidth(n)
{
if(n==1){
document.getElementById("myImage").width="748";
}
else {document.getElementById("myImage").width="500";}
}     
</script>

<img id="myImage" onclick="changeWidth(1)"  border="0" src="bot.gif" width="500" alt="Нажмите чтоб увеличить">

делаю так не работает

<script type="text/javascript">
  
function changeWidth(n)
{

if(d!=0){
if(n==1){
document.getElementById("myImage").width="748";
d="0";
}
}
else {document.getElementById("myImage").width="500";
d="1";
}
}     
</script>


<img id="myImage" onclick="changeWidth(1)"  border="0" src="bot.gif" width="500" alt="Нажмите чтоб увеличить">

Подскажите пожалуйста что не правильно, если задать д начальное сначение то только 1 раз срабатывает


А все сообразил надо d=1; вынести за функцию тогда все работает всем спасибо


вопрос; как можно сделать чтобы рисунок был светлее когда в маленьком срстоянии, остается в силе!!!

[Zibba]

вопрос; как можно сделать чтобы рисунок был светлее когда в маленьком срстоянии, остается в силе!!!

Поверх рисунка наложить <div> белого цвета с прозрачностью 10% !?

[x-yuri]

zerg, во-первых n ни к чему было оставлять, во-вторых, что делать с изображением можно определять по его текущему размеру (т.е. можно и от d избавиться)

а вообще меня смущает сама идея изменения размера изображения. Контент при этом не "скачет"?

[zerg]

Zibba, а как это, я просто в первый раз слышу что можно див прозрачным делать.

x-yuri, у меня контента нету просто сделал скриптик погоды, хотя это скриптом назвать сложно но темнеменее.
Просто у меня стоит 2 компа и на мониторе с изображением 1024 большая картинка портит дизайн, на втором мониторе маленькая тоже херова, вот решил выйти из положения таким образом, советую всем так делать.

[x-yuri]

Zibba, а как это, я просто в первый раз слышу что можно див прозрачным делать

opacity: 0.5;
filter: alpha(opacity = 50);

Просто у меня стоит 2 компа и на мониторе с изображением 1024 большая картинка портит дизайн, на втором мониторе маленькая тоже херова, вот решил выйти из положения таким образом, советую всем так делать

лучше уж сразу на сервере нужные картинки выдавать, а не на клиенте их размер подгонять