picturefill


Chrome Canary, Picturefill and the missing src attribute


I've been working on an implementation of RoyalSlider and Picturefill, which has been working really well in all browsers. However, I've noticed that the latest Chrome Canary no longer adds the correct src attribute to an img tag when picturefill runs on a page. This is different to every other browser currently, and I assume it's something to do with srcset being supported natively in canary now, but caniuse says that it has been supported in Chrome since v34, and I don't have any errors on Chrome.
Basically the implementation is now broken for me on Canary because RoyalSlider looks for a src attribute to create the slider from. Since there isn't one, RS can't create a slider and I just get the preloader.
Here are some screenshots that illustrate what I mean http://imgur.com/a/8wo1b
Notice in Canary that even though the srcset attribute remains small.jpg, even though the image shown is large.webp.
I need to figure out a way of telling RS which image to load, which seems near impossible at the moment as nothing has changed in the DOM specifying which file picturefill (or possibly Canary) has deemed appropriate to use.
According to Picturefill no longer applying src in Chrome Canary #295 on Github, the reporter "got exactly the same result turning picturefill off." and closed the bug report. FYI: a src is required, not justsrcset.

Related Links

Need help on this Picturefill srcset
Chrome Canary, Picturefill and the missing src attribute

Categories

HOME
pandas
openlayers
asp.net-core
openmp
zeromq
sd-card
bpmn
sqlite-net-extensions
cmd
cakephp-2.5
cross-browser
datastax-java-driver
elasticsearch-hadoop
gorm
volttron
dax
resize
hex-editors
django-simple-history
workload-scheduler
after-effects
saxon
ab-testing
jqwidget
shared-hosting
amazonsellercentral
paging
orleans
excel-2007
zurb-foundation-6
firebase-crash-reporting
crosstab
pingfederate
maquette
elasticsearch-ruby
quote
madlib
google-cloud-endpoints-v2
airconsole
karaf
jspresso
windows-dev-center
android-kernel
android-nestedscrollview
normal-distribution
mapdb
wixsharp
twitch
tasker
dism
hp-ux
reportingservices-2005
estimote
qcombobox
jlink
winscp-net
yii2-extension
diagnostics
android-cursor
python-cryptography
watchconnectivity
deadbolt-2
libpng
httplistener
asp.net-4.5
superstack
revolution-r
browser-link
iad
rgeo
map-projections
truevault
formatjs
website-monitoring
nstableviewcell
qpainter
winddk
nsbutton
flask-cors
openexr
jquery-layout
comexception
kgdb
jmapviewer
apc
excel-2003
django-nonrel
xamlparseexception
delphi-6
coderush
ocx
adk
nsdatecomponents
subgurim-maps
genshi
psi
tomcat-valve
yui-datatable
lpeg
gamma
castle-monorail
webkit.net
spec#
document-conversion

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App