Exemple #1
0
        /// <summary>
        /// Adds new source element with specified media, width and or height.
        /// </summary>
        /// <param name="picture"></param>
        /// <param name="media"></param>
        /// <param name="width"></param>
        /// <param name="height"></param>
        /// <returns></returns>
        public static TypedPictureElement Source(this TypedPictureElement picture, string media, int width, int?height = null)
        {
            picture.Sources.Add(new SourceElement {
                Media  = media,
                Srcset = new List <string> {
                    { picture.GetCropUrl(width, height) }
                }
            });

            return(picture);
        }
Exemple #2
0
        /// <summary>
        /// Adds srcset to img with specified width, height and device pixel ratio.
        /// </summary>
        /// <param name="picture"></param>
        /// <param name="width"></param>
        /// <param name="height"></param>
        /// <param name="devicePixelRatioArgs"></param>
        /// <returns></returns>
        public static TypedPictureElement Srcset(this TypedPictureElement picture, int width, int?height = null, params double[] devicePixelRatioArgs)
        {
            var srcsets = new List <string>();

            foreach (double devicePixelRatio in devicePixelRatioArgs)
            {
                int newWidth  = (int)(width * devicePixelRatio);
                int?newHeight = height.HasValue ? (int)(height.Value * devicePixelRatio) : height;

                picture.Srcset.Add(picture.GetCropUrl(newWidth, newHeight, devicePixelRatio));
            }

            return(picture);
        }
Exemple #3
0
        /// <summary>
        /// Adds new source element with specified media, width and or height, times following device pixel ratio's
        /// </summary>
        /// <param name="picture"></param>
        /// <param name="media"></param>
        /// <param name="width"></param>
        /// <param name="height"></param>
        /// <param name="devicePixelRatioArgs"></param>
        /// <returns></returns>
        public static TypedPictureElement Source(this TypedPictureElement picture, string media, int width, int?height = null, params double[] devicePixelRatioArgs)
        {
            if (picture.Content == null)
            {
                throw new System.ArgumentNullException("Content", "Missing Content from Picture. Use Umbraco.Picture(IPublishedContent)");
            }

            var srcsets = new List <string>();

            foreach (double devicePixelRatio in devicePixelRatioArgs)
            {
                int newWidth  = (int)(width * devicePixelRatio);
                int?newHeight = height.HasValue ? (int?)(height.Value * devicePixelRatio) : height;

                srcsets.Add(picture.GetCropUrl(newWidth, newHeight, devicePixelRatio));
            }

            picture.Sources.Add(new SourceElement
            {
                Media  = media,
                Srcset = srcsets
            });
            return(picture);
        }