[REQ] Javascript: уменьшение изображения - Веб-программирование

Melkor · 11.03.2009, 14:48

Нужен скрипт для создания следующено:
Есть большая картинка (700х600px).
Скрипт должен уметь:
1. Взять оригинальную картинку при загрузке страницы (700х600)
2. Уменьшить картинку до нужных размеров (раза в 2-4) до превью на странице.
3. При нажатии на картинку показать ее в полный размер, не скачивая ее заново, желательно с красивой рамочкой и контролями.
4. При нажатии на картинку закрыть полный размер и вернуться на страницу.

Я нашел несколько подобных вещей в jQuery, но там все делается через отдельный файл с превью, который делается заранее.

RaZEr · 11.03.2009, 15:01

пропиши в css max-width и в img

onclick="this.style.maxWidth = 'none';"

EvroStandart · 11.03.2009, 17:43

Тебе сюда
http://www.walterzorn.com/tooltip/tooltip_e.htm
Можно показывать контроли, можно не показывать, можно к картинке текст добавлять. И вообще много настроек.

А размер картинки на странице в html теге или в css прописывают.

Melkor · 13.03.2009, 02:29

Цитата:

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

пропиши в css max-width и в img

onclick="this.style.maxWidth = 'none';"

Гениально просто, но малость не то

Цитата:

EvroStandart Тебе сюда
http://www.walterzorn.com/tooltip/tooltip_e.htm

Подсказки прикольные, записал в закладки.

Но мне бы хотелось скрипт типа такого:
http://www.dfc-e.com/metiers/multime...ery-fancyzoom/
Хотя нажет доработаю что RaZEr показал или в самом плагине разберусь.

EvroStandart · 13.03.2009, 11:58

Цитата:

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

Но мне бы хотелось скрипт типа такого:
http://www.dfc-e.com/metiers/multime...ery-fancyzoom/

Ну так в чём вопрос? Там же бесплатный скрипт.

11.03.2009, 14:48	# 1
Melkor Full Member Регистрация: 25.11.2001 Адрес: Imho.ws Сообщения: 941	Javascript: уменьшение изображения Нужен скрипт для создания следующено: Есть большая картинка (700х600px). Скрипт должен уметь: 1. Взять оригинальную картинку при загрузке страницы (700х600) 2. Уменьшить картинку до нужных размеров (раза в 2-4) до превью на странице. 3. При нажатии на картинку показать ее в полный размер, не скачивая ее заново, желательно с красивой рамочкой и контролями. 4. При нажатии на картинку закрыть полный размер и вернуться на страницу. Я нашел несколько подобных вещей в jQuery, но там все делается через отдельный файл с превью, который делается заранее. __________________ Когда умираешь, да еще так долго и трудно, очень хочется хоть немного насолить живым, просто невозможно удержаться от искушения! М.Фрай

11.03.2009, 15:01	# 2
RaZEr МОД-Оператор ЭВМ Регистрация: 18.04.2002 Адрес: Питер Сообщения: 4 343	пропиши в css max-width и в img onclick="this.style.maxWidth = 'none';"

11.03.2009, 17:43	# 3
EvroStandart Full Member Регистрация: 20.01.2004 Адрес: Таллинн Пол: Male Сообщения: 623	Тебе сюда http://www.walterzorn.com/tooltip/tooltip_e.htm Можно показывать контроли, можно не показывать, можно к картинке текст добавлять. И вообще много настроек. А размер картинки на странице в html теге или в css прописывают.