Closes #43

valdisiljuconoks · Nov 23, 2020 · 6ed55fb · 6ed55fb
1 parent 09ada28
commit 6ed55fb
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/samples/SampleAlloy/Views/StartPage/Index.cshtml b/samples/SampleAlloy/Views/StartPage/Index.cshtml
@@ -4,6 +4,11 @@
 @model PageViewModel<SampleAlloy.Models.Pages.StartPage>
 
 
+<div>
+    @Html.Raw(Html.ResizePicture(Model.CurrentPage.MainImage, PictureProfiles.SampleImage, cssClass: "sample-css-class").ToHtmlString())
+    @Html.ResizePicture(Model.CurrentPage.MainImage, PictureProfiles.SampleImage, cssClass: "sample-css-class")
+</div>
+
 <div>
     @Html.ResizePictures(new[]
                          {

diff --git a/src/ImageResizer.Plugins.EPiServerBlobReader/HtmlHelperExtensionsForPicture.cs b/src/ImageResizer.Plugins.EPiServerBlobReader/HtmlHelperExtensionsForPicture.cs
@@ -39,7 +39,7 @@ public static MvcHtmlString ResizePictures(this HtmlHelper helper, UrlBuilder[]
                 source.Attributes.Add("srcset", url.ToString());
                 source.Attributes.Add("media", media);
 
-                sources.Append(source);
+                sources.Append(source.ToString(TagRenderMode.SelfClosing));
             }
 
             var img = new TagBuilder("img");
@@ -50,7 +50,7 @@ public static MvcHtmlString ResizePictures(this HtmlHelper helper, UrlBuilder[]
             if (!string.IsNullOrEmpty(cssClass))
                 img.Attributes.Add("class", cssClass);
 
-            picture.InnerHtml = sources.ToString() + img;
+            picture.InnerHtml = sources + img.ToString(TagRenderMode.SelfClosing);
 
             return new MvcHtmlString(picture.ToString());
         }
@@ -88,7 +88,7 @@ public static MvcHtmlString ResizePicture(this HtmlHelper helper, UrlBuilder url
         public static MvcHtmlString ResizePicture(this HtmlHelper helper, ContentReference image, PictureProfile profile, string alternateText = "", string cssClass = "")
         {
             var imgUrl = helper.ResizeImage(image, profile.DefaultWidth);
-            var sourceSets = profile.SrcSetWidths.Select(w => $"{helper.ResizeImage(image, w).ToString()} {w}w").ToArray();
+            var sourceSets = profile.SrcSetWidths.Select(w => $"{helper.ResizeImage(image, w)} {w}w").ToArray();
 
             return GeneratePictureElement(profile, imgUrl.ToString(), sourceSets, alternateText, cssClass);
         }
@@ -109,7 +109,7 @@ private static MvcHtmlString GeneratePictureElement(PictureProfile profile, stri
             if(!string.IsNullOrEmpty(cssClass))
                 img.Attributes.Add("class", cssClass);
 
-            picture.InnerHtml = source.ToString() + img;
+            picture.InnerHtml = source.ToString(TagRenderMode.SelfClosing) + img.ToString(TagRenderMode.SelfClosing);
 
             return new MvcHtmlString(picture.ToString());
         }