Skip to content
#

srcset

Here are 60 public repositories matching this topic...

vanilla-lazyload

LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.

  • Updated Jul 1, 2020
  • JavaScript
imgix.js
jayeb
jayeb commented Jun 19, 2017

If an explicit sizes attribute is declared on an image element, we should probably take that size (or sizes) into account when generating our srcset. For example, this image

<img size="120px" ix-path="..." />

should probably end up with a srcset list that includes only URLs with widths in multiples of 120px, rather than the typical "100, 200, 300, 320" list.

jekyll-imgix
opattison
opattison commented Feb 5, 2016

I’m not sure if this is a documentation issue or a specific configuration that I have that works differently. I ran into a brief stumbling block when configuring the gems in _config.yml as the documentation suggested. I’m using bundle exec in a conventional way.

When running $ JEKYLL_ENV=production bundle exec jekyll build:

**Case: error when config gems set to [jekyll/imgix] or `jekyl

bnomei
bnomei commented Aug 10, 2018

Question
Override default Kibytext image tag

(image: myfile.jpg)

Answer
Overriding even just as an option might conflict with various other plugins.
Create a kirbytext:before hook and do a text replace if you really want this.
Or just use the srcset tag right from the start.

(srcset: myfile.jpg)
(srcset: myfile.jpg preset: breakpoints)
(srcset: myfile.jpg laz
ansichtsache
ansichtsache commented Oct 24, 2019

anscheinend gibt es eine falsche ausgabe bei der picture funktion.
Meine Eingabe im Modul:

<picture>
<source media="(min-width: 480w)" srcset="rex_media_type=content">
<source media="(min-width: 550w)" srcset="rex_media_type=content">
<source media="(min-width: 768w)" srcset="rex_media_type=content">
<img src="'.rex_media_manager::getUrl('content', 'REX_MEDIA[1]').'" alt="">
</pictur
imgix-java
eboto
eboto commented Jul 8, 2016

Unlike the javascript API, the java API forces you to double url-encode the source URL path provided to createURL.

Steps to reproduce:

  • Have a file located at https://my.domain/project:1/blah.jpg
  • URL-encode it once, so that it becomes https://my.domain/project%3A1/blah.jpg
  • Use HTTPBuilder.createURL to create an imgix URL against your imgix domain.
  • Attempt to curl that URL, see that i

A command line script that generates multiple responsive versions of an image at width breakpoints -- 320,480,640,768,960,1024,1280,1440 pixels wide -- that match common Mobile and widescreen desktop/laptop viewports using Imagemagick's convert utility and outputs the needed <img/> tag

  • Updated Dec 15, 2017
  • Shell

Improve this page

Add a description, image, and links to the srcset topic page so that developers can more easily learn about it.

Curate this topic

Add this topic to your repo

To associate your repository with the srcset topic, visit your repo's landing page and select "manage topics."

Learn more

You can’t perform that action at this time.