как показать JPG с возможностью zoom in/out в вебе

[shadow7256]

Уважаемые.

В нашем веб приложении мы показываем jpeg изображения стандартно через <img..> контрол. А есть ли возможность сделать так, чтобы пользователь мог на эту картинку делать zoom in/out ? Может какой контрол есть специальный?

Приложение ASP.NET MVC + jQuery + Bootstrap

[Serguei666]

Уважаемые.

В нашем веб приложении мы показываем jpeg изображения стандартно через <img..> контрол. А есть ли возможность сделать так, чтобы пользователь мог на эту картинку делать zoom in/out ? Может какой контрол есть специальный?

Приложение ASP.NET MVC + jQuery + Bootstrap

Не знаю насчет контрола специального, но вообще zoom можно сделать самостоятельно, на JavaScript. Для этого используется HTML элемент canvas. Это аналог рисования в Device Context (DC), если знакомы с рисованием в Windows. В интернете полно примеров как рисовать в canvas
Вот, например, пример зума:
https://stackoverflow.com/questions/342 ... as-zooming

[shadow7256]

Нашел как это делается в javascript (http://www.elevateweb.co.uk/image-zoom)

Вещь прикольная, но к сожалению она требует, чтобы все файлы картинок были статическими. А у нас файлы генерятся динамически на лету и не сохраняются на диске, поэтому не пойдет

[olegy]

http://dynamicdrive.com/dynamicindex4/powerzoomer.htm

[olegy]

а чем статические картинки отличаются от динамических?
создайте контроллер и отсылайте оттуда или стрим или файл
public async Task<ActionResult> Picture (string path)
{
byte[] ret = await ...get bytes
return new FileContentResult(ret, "image/jpeg");
}

[shadow7256]

а чем статические картинки отличаются от динамических?
создайте контроллер и отсылайте оттуда или стрим или файл
public async Task<ActionResult> Picture (string path)
{
byte[] ret = await ...get bytes
return new FileContentResult(ret, "image/jpeg");
}

у нас именно так и сделано сейчас, но к сожалению не работает.

[olegy]

Ну с ddpowerzoomer у меня все работало. Были громадные картинки большого разрешения - по 8 Mb и больше. Если показывать их сразу - страница грузилась по минуте и больше. Поэтому, на основной странице, показывались динамически уменьшенные карнинки до, скажем, 800х600. Страница грузилась мгновенно. Когда наводился курсор - подгружалась основная картинка и в квадрате шел зум на именно ее (получалось без артефактов сжатия уменьшенной картинки). Не совсем понятно, что вам надо...