在Umbraco 7

Question

我在Umbraco项目中无法正常使用缩略图。

我使用for循环显示来自多媒体选择器属性编辑器的缩略图。

<ul class="hide-bullets">
                        @for (var i = 0; i < images.Count; i++)
                        {
                        <li class="">
                            <a class="thumbnail" id="carousel-selector-@i"><img class="thumbnail-img" src='@images[i].Url'></a>
                        </li>
                        }
                    </ul>

我的原始模板只使用静态图片：

<ul class="hide-bullets">
                                <li class="">
                                    <a class="thumbnail" id="carousel-selector-0"><img class="thumbnail-img" src="images/sommerhuse/ebeltoft/1.jpg"></a>
                                </li>
                                <li class="">
                                    <a class="thumbnail" id="carousel-selector-1"><img class="thumbnail-img" src="images/sommerhuse/ebeltoft/2.jpg"></a>
                                </li>
                                <li class="">
                                    <a class="thumbnail" id="carousel-selector-2"><img class="thumbnail-img" src="images/sommerhuse/ebeltoft/3.jpg"></a>
                                </li>
</ul>

我在每个项目中都包含完全相同的CSS文件，但它们在页面上的显示方式不同。

这是他们在原始模板中的显示方式：http://i.imgur.com/WokI5GP.png

这就是他们对我的Umbraco项目的看法：http://i.imgur.com/LbZaDS9.png

＆＃34; thumnail-img＆＃34;添加到图像的类只有两件事：

.thumbnail-img {
  width: 100% !important;
  height: 100% !important;
}

两个项目都包含不同分辨率的图像。

这可能是什么原因？ Umbraco是否会覆盖我的样式，或者媒体选择器是否会改变图像的显示方式？

Answer 1

回答你的问题：不，媒体选择器不会更改图像，只会返回网址。

当第一个屏幕截图使用平方图像时，您将返回完整的图像。

您可以使用Image Cropper中的内置版本自动裁剪图像。

.break-column, .ui-cell-data{
    word-wrap: break-word;        
    width: 100%;
}