![]() |
1. Пользуйтесь тегами кода. - [code] ... [/code]
2. Точно указывайте язык, название и версию компилятора (интерпретатора).
3. Название темы должно быть информативным.
В описании темы указываем язык!!!
![]() |
SiNaC0m |
![]()
Сообщение
#1
|
![]() Новичок ![]() Группа: Пользователи Сообщений: 18 Пол: Мужской Реальное имя: SiNaC0m Репутация: ![]() ![]() ![]() |
Есть HTML файл, который выводит изображение, загружаемое с помощью php. Нужно, что бы по кнопке (или колесу мыши) изображение уменьшалось\увеличивалось.
Может кто-нибудь подскажет, как приближать\отдалять(уменьшать\увеличивать) изображение (например как в Google maр). -------------------- Мы стремимся к знаниям... вы называете нас преступниками. Мы существуем без цвета кожи, без национальности и религиозных предубеждений... вы называете нас преступниками. Вы производите атомные бомбы, разжигаете войны, убиваете, обворовываете и врете нам, пытаясь убедить в своей правоте... а мы все также остаемся преступниками.
© Mentor |
![]() ![]() |
SiNaC0m |
![]()
Сообщение
#2
|
![]() Новичок ![]() Группа: Пользователи Сообщений: 18 Пол: Мужской Реальное имя: SiNaC0m Репутация: ![]() ![]() ![]() |
Altair
Спасибо за совет. Начал пробывать реализовать это с помощью JS. Для начало сделал следующее: анимационное прокручивания большой картинки, тоесть все изображение не выводится на экран, а выводится лишь его часть.. и по нажатию на одну из четырех кнопок(вверх,вниз,влево,вправо) изображение смещается соответственно нажатой кнопке.. HTML <script type="text/javascript"> var Timer; function ScrollLeft() { Timer = setInterval("document.getElementById('PANORAMA').scrollLeft -= 2", 30); } function ScrollRight() { Timer = setInterval("document.getElementById('PANORAMA').scrollLeft += 2", 30); } function ScrollUp() { Timer = setInterval("document.getElementById('PANORAMA').scrollTop += 2", 30); } function ScrollDown() { Timer = setInterval("document.getElementById('PANORAMA').scrollTop -= 2", 30); } </script> <div id="PANORAMA" style="width:800px; height:600px; border: 1px solid; overflow:hidden"> <img src="2.gif" style="width:1000px"/> </div> <div style="width:1000px; text-align:center"> <input type="button" value="<" title="Scroll left" style="width:25px" onmousedown="ScrollLeft()" onmouseup="clearInterval(Timer)"> <input type="button" value=">" title="Scroll right" style="width:25px" onmousedown="ScrollRight()" onmouseup="clearInterval(Timer)"> <input type="button" value="~" title="Scroll down" style="width:25px" onmousedown="ScrollUp()" onmouseup="clearInterval(Timer)"> <input type="button" value="^" title="Scroll up" style="width:25px" onmousedown="ScrollDown()" onmouseup="clearInterval(Timer)"> </div> Теперь мне нужно сделать следующее: Создать ещё две кнопки "+" и "-", при нажатии на которые, та часть изображения, которая в данный момент на экране, соотвественно увеличивалась и уменьшалась. Подскажите, какие свойства нужно использовать.... З.Ы. Извиняюсь за опечатки и корявость мысли! -------------------- Мы стремимся к знаниям... вы называете нас преступниками. Мы существуем без цвета кожи, без национальности и религиозных предубеждений... вы называете нас преступниками. Вы производите атомные бомбы, разжигаете войны, убиваете, обворовываете и врете нам, пытаясь убедить в своей правоте... а мы все также остаемся преступниками.
© Mentor |
![]() ![]() |
![]() |
Текстовая версия | 26.07.2025 0:17 |