Contents

module PictureTag
  module OutputFormats
    # Represents a <picture> tag, enclosing at least 2 <source> tags and an
    # <img> tag.
    class Picture < Basic
      def srcsets
        formats = PictureTag.formats
        # Source images are provided in reverse order and must be flipped:
        images = PictureTag.source_images.reverse
        sets = []

        formats.each do |format|
          images.each { |image| sets << build_srcset(image, format) }
        end

        sets
      end

      def build_sources
        srcsets.collect { |s| build_source(s) }
      end

      def build_source(srcset)
        source = SingleTag.new(
          'source',
          attributes: PictureTag.html_attributes['source']
        )

        # Sizes will be the same for all sources. There's some redundant markup
        # here, but I don't think it's worth the effort to prevent.
        add_sizes(source, srcset)
        add_media(source, srcset)
        add_srcset(source, srcset)

        source.type = srcset.mime_type

        source
      end

      def base_markup
        picture = DoubleTag.new(
          'picture',
          attributes: PictureTag.html_attributes['picture'],
          content: build_sources << build_base_img,

          # Markdown fix requires removal of line breaks:
          oneline: PictureTag.nomarkdown?
        )

        picture.attributes << PictureTag.html_attributes['parent']

        picture
      end
    end
  end
end

Version data entries

7 entries across 7 versions & 1 rubygems

Version	Path
jekyll_picture_tag-1.10.2	lib/jekyll_picture_tag/output_formats/picture.rb
jekyll_picture_tag-1.10.1	lib/jekyll_picture_tag/output_formats/picture.rb
jekyll_picture_tag-1.10.0	lib/jekyll_picture_tag/output_formats/picture.rb
jekyll_picture_tag-1.9.0	lib/jekyll_picture_tag/output_formats/picture.rb
jekyll_picture_tag-1.8.0	lib/jekyll_picture_tag/output_formats/picture.rb
jekyll_picture_tag-1.7.1	lib/jekyll_picture_tag/output_formats/picture.rb
jekyll_picture_tag-1.7.0	lib/jekyll_picture_tag/output_formats/picture.rb