Как создать эскиз из фактического изображения в C #

Question

Я хочу создать миниатюру из изображения, загруженного пользователем на веб-странице.Я хочу создать галерею изображений, в которой я могу показать предварительный просмотр всех изображений в виде эскиза, и когда пользователь нажимает, он может видеть увеличенное изображение.

Можно ли сделать это, чтобы страница не становилась тяжелой

Answer 1

Вы должны установить класс для тегов изображений для миниатюр. такой вот:

.thumbnail {
box-shadow: 0 0 7px #fff;
cursor: pointer;
float: left;
height: 70px;
margin-bottom: 10px;
margin-top: -35px;
width: 70px;
border: 3px solid #ff``f;
border-radius: 3px;

}

и так, например:

  <img id="Image1" class="thumbnail"  src="..." .../>

и все изображения изменяются с помощью CSS. а для создания увеличенного изображения вы должны использовать jquery Modal. для модальных читайте эту ссылку: http://www.jacklmoore.com/colorbox/ Вы должны создать файл JQuery. после нажатия на каждое изображение вы должны вызвать плагин со своим src. такой вот jquery:

$('.thumbnail').on('click', function () {
var src = $(this).attr('src');
$(this).colorbox({ html: "<img src='" + src + "'                       style='width:1024px;height:728px'/>", width: "1024px", height: "728px", close: "", closeButton: true, scrolling: false, overlayClose: true, scalePhotos: true, escKey: true });

});

Answer 2

Вам, вероятно, следует кэшировать миниатюры изображений, но для их создания см .:

Каков «лучший» способ создания эскиза с использованием ASP.NET?