Responsive Images: HiSRC

[TomH]

Hi,

I’m trying out HiSRC as a responsive images solution but it doesn’t seem to work. The speed test doesn’t detect when I’m on 3g.
When I test on my iphone 4s, I get the x1 image on 3g and the x2 on wifi. But never the mobile version. The TEST.html in the TEST folder always shows the high resolution version, on 3g and wifi.

Anyone knows what’s going on?

[Paulie_D]

Do you have a link or example code?

How are you detecting 3g / Wifi?

[TomH]

I’m using the demo.html that comes with the code: https://github.com/teleject/hisrc
I didn’t change anything.

[Paulie_D]

Then perhaps a link so we could test it for ourselves?

As you will appreciate, we cannot debug what we can’t see.

[TomH]

Sorry, didn’t think it was necessary as I’m using the default code, but here you go: http://sirzwoep.be/tests/hisrc2/DEMO.html

[TomH]

I know bandwidth detection is hard and unreliable but a working test for 3g or wifi would be nice. 3g: low res, wifi: high res. People on slow wifi would still get the high res image, but that’s ok.

[Paulie_D]

Something is wrong, I think.

There is only one image in the HTML and you have two bg images.

That doesn’t seem to follow this: https://github.com/teleject/hisrc#setting-up

Perhaps I am missing something though.

[TomH]

I haven’t changed anything in the code.

On my iphone 4s on 3g I sometimes get the x1 and sometimes the x2 but never the mobile-first image: http://sirzwoep.be/tests/hisrc2/TEST/halloween-mobile-1st.png

[TomH]

Yeah, the more I read about it the more I think I should stick to picturefill.

[Author]

Posts