Как сделать миниатюру, чтобы при нажатии разворачивалась на максимум

@Vladiator · Регистрация: 24.02.2009

Студворк — интернет-сервис помощи студентам

она при нажатии разворачивалась на максимум (как здесь)?

@Alto · 24.03.2009, 16:23

Это не сложно, используй свойства javascript, который позволяет изменять атрибуты элементов HTML. Для меня вопрос остается как у них работает курсов в виде лупы "-".

@Vladiator · 24.03.2009, 16:28 **[ТС]**

А плавно можно? Я даже в html новичок, на нём и пишу...

@mik-a-el · 24.03.2009, 16:42

http://highslide.com/

@Vladiator · 24.03.2009, 16:59 **[ТС]**

А бесплатно можно?

@Alto · 24.03.2009, 17:02

Сообщение от Kidalvь

А плавно можно?

Можно, все зависит какой интервал увеличения картинки будет у тебя.

Добавлено через 2 минуты 3 секунды
mik-a-el, я могу и сам написать подобное, проблема у меня только с курсором остается, тоже хочу чтобы был в виде лупы "-".

@Vladiator · 24.03.2009, 17:38 **[ТС]**

Сообщение от Alto

я могу и сам написать подобное,

Напиши, пожалуйста! "Спасибо" нажму!

Добавлено через охохо сколько времени!
Хотя-бы, как увеличить размер (left=left-1;top=top-1;width=width+2;height=height+2). Это можно как-нибудь сделать?

@Alto · 24.03.2009, 17:44

например, есть на странице картинка, у которой ID=myImg
чтобы получить доступ к ней и изменить ее параметр, например, высоту (height), в javascript сделать вот такие волшебные манипуляции:

присвоение нового значение высоты, было например у тебя 200px, а будет:

JavaScript
1
document.getElementById('myIm').style.height = '500px';

и чем меньше интервал изменения масштаба, тем плавней будет увеличение.

@Vladiator · 24.03.2009, 17:48 **[ТС]**

А в одной строке будет так:

JavaScript
1
document.getElementById('myIm').style.height = 500px; document.getElementById('myIm').style.left = 1px;

Да?
А как сделать плавно? Наверное, время засекать надо...

@Alto · 24.03.2009, 17:53

установить интервал выполнения процедуры(функции) или поставить задержку выполнения процедуры, метод setInterval или setTimeout соответственно.

@Vladiator · 24.03.2009, 17:54 **[ТС]**

А как сделать цикл?

@Alto · 24.03.2009, 17:57

Сообщение от Kidalvь

А как сделать цикл?

Приращение сделать в функции, и вызывать ее с задержкой. Это только один способ, если подумать, можно найти множество.

@Vladiator · 24.03.2009, 18:10 **[ТС]**

Извините, если много вопросов, но как сделать это приращение?

@BlackApricot · 25.03.2009, 07:00

Это только для ослика:
document.getElementById('myIm').style.he ight = '500px';

Если тебя устраивает, только ослик, то в архиве другая версия увеличения картинок.
С подачи GаlаX-а(ещё раз спасибо ему) надёргал инфы по кроссбраузерности, буду развлекаться.
И тебе удачной развлекухи!

@Vladiator · 25.03.2009, 07:17 **[ТС]**

А мне содержимое архива добавить в сайт (страницы)?

@BlackApricot · 25.03.2009, 07:25

Kidalvь
Не понял вопроса?

@Vladiator · 25.03.2009, 07:30 **[ТС]**

Ладно, всё понял

Спасибо

Добавлено через 1 минуту 49 секунд
А ImgShow - процедура, которую нужно прописывать?

@BlackApricot · 25.03.2009, 07:44

Всё это написано давно, и сечас разбираться, что зачем...
Напиши в чём ты смотрел?
Если хочешь, пиши на почту, с смыслом, с толком, с расстановкой, у тебя сутки в переди, я отключаюсь до завтра.

@Alto · 25.03.2009, 08:52

Сообщение от BlackApricot

Это только для ослика:
document.getElementById('myIm').style.he ight = '500px';

Что значит "только для ослика"?

@GalaX · 25.03.2009, 09:06

вот код не только для ослика, но тут только квадрат увеличивает/уменьшает. если надо пропорционально, то переделайте код там не долго вроде... ну и еще там наворотов дофига приделать мона
вообщем, вот:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<html>
<head>
    <style type="text/css">
        #div {
            width : 100px;
            height : 100px;
            border : 1px solid #f00;
        }
    </style>
    <script language="JavaScript">
        function $(id) {
            return document.getElementById(id)
        }
        function div_increase(sw, sh, ew, eh) {
            $('div').style.width = sw
            $('div').style.height = sh
            if ( sw<ew ) {
                setTimeout('div_increase(' + (sw+5) + ',' + (sh+5) + ', ' + ew + ', ' + eh + ')', 2)
            }
        }
        function div_decrease(sw, sh, ew, eh) {
            $('div').style.width = sw
            $('div').style.height = sh
            if ( sw>ew ) {
                setTimeout('div_decrease(' + (sw-5) + ',' + (sh-5) + ', ' + ew + ', ' + eh + ')', 2)
            }
        }
    </script>
</head>
<body>
<button id="inc" onClick="div_increase(100, 100, 300, 300); $('inc').disabled = true; $('dec').disabled = false;">Увеличить</button>
<button id="dec" onClick="div_decrease(300, 300, 100, 100); $('dec').disabled = true; $('inc').disabled = false;" disabled>Уменьшить</button>
 
<div id="div"> </div>
 
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	Контроль уникальности заводского номера - вариант №2 Maks 24.03.2026 В отличие от предыдущего варианта добавлено прерывание циклов, также добавлены новые переменные для сохранения контекста ошибки перед прерыванием цикла: Процедура ПередЗаписью(Отказ, РежимЗаписи,. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip	Жизнь в неопределённости kumehtar 23.03.2026 Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .
Модель здравоСохранения: работники работают быстрее после её введения. anaschu 23.03.2026 geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .	Контроль уникальности заводского номера - вариант №1 Maks 23.03.2026 Алгоритм контроля уникальности заводского (или серийного) номера на примере документа выдачи шин для спецтехники с табличной частью в КА2. Данные берутся из регистра сведений, по которому настроено. . .	Хочу заставить корпорации вкладываться в здоровье сотрудников: делаю мат модель здравосохранения anaschu 22.03.2026 e7EYtONaj8Y Z4Tv2zpXVVo https:/ / github. com/ shumilovas/ med2. git	Программный отбор элементов справочника по группе Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа в КА2. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор по наименованию. . .

@Vladiator 1574 / 645 / 79 Регистрация: 24.02.2009 Сообщений: 9,268

	Как сделать миниатюру, чтобы при нажатии разворачивалась на максимум 24.03.2009, 16:00. Показов 8318. Ответов 35 Метки нет (Все метки) она при нажатии разворачивалась на максимум (как здесь)? Миниатюры 0

@Alto 5 / 5 / 3 Регистрация: 12.12.2008 Сообщений: 50
	24.03.2009, 16:23
	Это не сложно, используй свойства javascript, который позволяет изменять атрибуты элементов HTML. Для меня вопрос остается как у них работает курсов в виде лупы "-". 0

@Vladiator 1574 / 645 / 79 Регистрация: 24.02.2009 Сообщений: 9,268
	24.03.2009, 16:28 [ТС]
	А плавно можно? Я даже в html новичок, на нём и пишу... 0

@mik-a-el Администратор 87875 / 53196 / 249 Регистрация: 10.04.2006 Сообщений: 13,765
	24.03.2009, 16:42
	http://highslide.com/ 0

@Vladiator 1574 / 645 / 79 Регистрация: 24.02.2009 Сообщений: 9,268
	24.03.2009, 16:59 [ТС]
	А бесплатно можно? 0

@Alto 5 / 5 / 3 Регистрация: 12.12.2008 Сообщений: 50
	24.03.2009, 17:53
	установить интервал выполнения процедуры(функции) или поставить задержку выполнения процедуры, метод setInterval или setTimeout соответственно. 0

@Vladiator 1574 / 645 / 79 Регистрация: 24.02.2009 Сообщений: 9,268
	24.03.2009, 17:54 [ТС]
	А как сделать цикл? 0

@Vladiator 1574 / 645 / 79 Регистрация: 24.02.2009 Сообщений: 9,268
	24.03.2009, 18:10 [ТС]
	Извините, если много вопросов, но как сделать это приращение? 0

@Vladiator 1574 / 645 / 79 Регистрация: 24.02.2009 Сообщений: 9,268
	25.03.2009, 07:17 [ТС]
	А мне содержимое архива добавить в сайт (страницы)? 0

@BlackApricot 288 / 131 / 4 Регистрация: 15.02.2009 Сообщений: 520
	25.03.2009, 07:25
	Kidalvь Не понял вопроса? 1

@Vladiator 1574 / 645 / 79 Регистрация: 24.02.2009 Сообщений: 9,268
	25.03.2009, 07:30 [ТС]
	Ладно, всё понял Спасибо Добавлено через 1 минуту 49 секунд А ImgShow - процедура, которую нужно прописывать? 0

@BlackApricot 288 / 131 / 4 Регистрация: 15.02.2009 Сообщений: 520
	25.03.2009, 07:44
	Всё это написано давно, и сечас разбираться, что зачем... Напиши в чём ты смотрел? Если хочешь, пиши на почту, с смыслом, с толком, с расстановкой, у тебя сутки в переди, я отключаюсь до завтра. 0