Question

我想在网页上从用户上传的图片中创建缩略图。我想创建一个图像库，我可以将所有图像预览为缩略图，当用户点击时，他可以看到放大的图像。

是否可以这样做，以便页面不会变重

Answer 1

您应该缓存缩略图图像，但要创建它们，请参阅：

What is the "best" way to create a thumbnail using ASP.NET?

Answer 2

您必须为缩略图的图像标记设置一个类。这样：

.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。 for 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 });

}）;

如何在C＃中从实际图像创建缩略图

2 个答案: