IMHO.WS

IMHO.WS (http://www.imho.ws/index.php)
-   Веб-программирование (http://www.imho.ws/forumdisplay.php?f=29)
-   -   [REQ] Javascript: уменьшение изображения (http://www.imho.ws/showthread.php?t=138578)

Melkor 11.03.2009 14:48

Javascript: уменьшение изображения
 
Нужен скрипт для создания следующено:
Есть большая картинка (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 (Сообщение 1639720)
пропиши в 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 (Сообщение 1640173)
Но мне бы хотелось скрипт типа такого:
http://www.dfc-e.com/metiers/multime...ery-fancyzoom/

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


Часовой пояс GMT +4, время: 18:42.

Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.