Questions tagged [picturefill]

The picture element and associated features are W3C standard HTML features that allow web developers to deliver an appropriate image to every user depending on a variety of conditions like screen size, viewport size, screen resolution, and more. Picturefill is a JavaScript file (or a polyfill to be more specific) that enables support for the picture element and associated features in browsers that do not yet support them, so you can start using them today!

79 questions
0
votes
2 answers

picture element responsive images not working with angular 4

The picture element as does not work…
succeed
  • 834
  • 1
  • 11
  • 28
0
votes
1 answer

html picture element not honoring small media query

I've got a thing like this: Test I'm also using picturefill. My issue is that both…
Luca Reghellin
  • 7,426
  • 12
  • 73
  • 118
0
votes
1 answer

how to Remove object and filling with Background if i have pixel locations

IF i have pixel location for abject as [x, y] = find(Bw2 == 0); then how i remove it then filling with Original background this my code [x, y] = find(Bw2 == 0); [row, colo, z]=size(RGB); %size of rgb image for i=1:row for j=1:colo if…
M.H
  • 5
  • 2
0
votes
1 answer

Changing img based on window size

I wish to have my VS2015 site display a more horizontal image I have created when on a desktop and a more vertical one on a mobile device. I have two separate cropped images to avoid distortion of sizing. I have tried using css with media queries…
Greg W
  • 89
  • 1
  • 7
0
votes
1 answer

only default images shows when using

I am trying to use the and elements to provide some responsive images for my site. My problem is that only the default image shows. I have tried reloading the page using different window sizes and I have also loaded…
tony09uk
  • 2,841
  • 9
  • 45
  • 71
0
votes
1 answer

Picture element - Where to apply responsive img class

Let's say I've got the following picture element:
Kostas Dimakis
  • 1,143
  • 1
  • 10
  • 20
0
votes
1 answer

How to precompile picturefill with rails asset pipeline

I'm using the polyfill picturefill to add support for the img attributes srcset and sizes in browsers like IE. This polyfill doesn't work when precompiling the javascript in the asset pipeline in rails. It DOES work when I exclude it from the…
sjbuysse
  • 3,872
  • 7
  • 25
  • 37
0
votes
0 answers

jQuery Slider that allows for element

I have be trawling the web for a jQuery slider that allows for the picture element, but unable to find any, so I this is my final attempt before building my own custom slider. Does anyone know of any jQuery sliders that allow for the picture…
ccdavies
  • 1,576
  • 5
  • 19
  • 29
0
votes
1 answer

How to create a "Filled Image" in Objective-C

I have already tried looking around and cannot seem to find any info on this topic for exactly what I am looking for. If you are familiar with Unity3D uGUI, I am trying to achieve the same "Filled" type Image effect there but inside of XCode using…
D34thSt4lker
  • 447
  • 1
  • 5
  • 12
0
votes
2 answers

Picture srcset and isotope grids that change image width on click not viewport

hoping someone can shed some light - I have isotoped items that have fixed column widths which are toggled not by viewport width but by user interaction. The fixed image widths are 105px, 160px, 333px and 1200px. I would like to use picture srcsets…
user2214369
0
votes
1 answer

Make a p have the same width/height as an image that is placed in another div

I am trying to make a p always have the same width and height as an image that is placed next to it. I set specific dimensions to both of the divs containing those elements, and then set the img width and height to 100% (as mentioned here).…
user3915624
0
votes
1 answer

SVG fill with image not working when translate the group

fill="url(#mobile)" not working with the reference of
Mo.
  • 26,306
  • 36
  • 159
  • 225
0
votes
1 answer

Picturefill not working in IE10 on cache clear

I am using elements, with Picturefill for cross-browser support. In IE10 (it is fine in 9 and 11) it works perfectly on an ordinary page-load, but no image is displayed following ctrl+f5. (If I then open the dev tools or change the zoom,…
CarrieVS
  • 140
  • 1
  • 7
0
votes
2 answers

Wordpress & picturefill implementation

I'm trying to implement responsive image in my wordpress theme. There are a few plug-ins available but the ones I tried messed up my layout. What I would basically like to do is to replace all existing images (not only featured images or…
Laurent
  • 1,465
  • 2
  • 18
  • 41
0
votes
1 answer

Flexslider - last image not lazy loading

I have a Flexslider gallery here that uses lazy loading together with picturefill that works pretty well, thanks to previous posts from the community here. Only problem I have is when I click on the last thumbnail of my gallery the slider slides to…
wind_kind
  • 561
  • 6
  • 23