not working in IE8

Question

not working in IE8

vlrprbttst opened this issue 11 years ago · comments

im using jquery picture in IE8 and it's not working..
i am using the figure option and what happens is that the images don't show where they're supposed to show, and one out of two pictures (i used it only for two pics) is shown at the bottom of the page.
i tried display:none for the figure's wrapper div and well, figure is not shown anymore but it chops off the end of my website.. this is weird. wondering if anyone had the same problem

Toine Kamps · Answer 1 · Fri Aug 30 2013 21:08:09 GMT+0800 (China Standard Time)

I'm having the same problem, however my image is not showing up at all in IE8!
My output is correct and is showing and working fine in Chrome, Firefox & Safari:

<figure class="responsive"
data-media="http://mydomain.com/wp-content/uploads/2013/07/image_LR-480x262.jpg"
data-media480="http://mydomain.com/wp-content/uploads/2013/07/image_LR-760x416.jpg"
data-media760="http://mydomain.com/wp-content/uploads/2013/07/image_LR.jpg"
alt="My alt text">
<noscript><img src="http://mydomain.com/wp-content/uploads/2013/07/image_LR.jpg" alt="My alt text" />    </noscript>
</figure>

Any ideas what's causing this?
Thanks!

Toine Kamps · Answer 2 · Fri Aug 30 2013 21:38:51 GMT+0800 (China Standard Time)

Same goes for this output by the way:

<picture class="responsive" alt="My alt text">
<source src="http://mydomain.com/wp-content/uploads/2013/07/image_LR-480x262.jpg">
<source media="(min-width:480px)" src="http://mydomain.com/wp-content/uploads/2013/07/image_LR-760x416.jpg">
<source media="(min-width:760px)" src="http://mydomain.com/wp-content/uploads/2013/07/image_LR.jpg">
<noscript><img alt="My alt text" src="http://mydomain.com/wp-content/uploads/2013/07/image_LR.jpg" draggable="false"></noscript>
</picture>

Ian Devlin · Answer 3 · Sun Sep 01 2013 22:04:33 GMT+0800 (China Standard Time)

Are you using the html5shiv script for IE8 so that it is aware of the figure element?

Abban Dunne · Answer 4 · Sun Sep 01 2013 22:14:18 GMT+0800 (China Standard Time)

Howdy, I'm currently working to a killer deadline. But I'll look into this when I get the chance. AFAIR I tested it in ie8 and it worked. That was a year ago though.

The picture element was only added to this to enable some testing and playing about with new proposed features. I would use

on a production site. I'm not sure if

Toine Kamps · Answer 5 · Sun Sep 01 2013 22:28:32 GMT+0800 (China Standard Time)

I'm currently not using a html5shiv script in my website, but I did try adding the modernizr script and it still didn't work for me in ie8. Unfortunately I switched to picturefill wich does work in ie8 because it uses 'span' classes and not 'figure' or 'picture': https://github.com/scottjehl/picturefill

Abban Dunne · Answer 6 · Sun Sep 01 2013 22:33:10 GMT+0800 (China Standard Time)

Cool, whatever works. I just re-checked the demo on jquerypicture.com in ie8 and it works fine.

@omegaiori Are you still having trouble? Your issue sounds like a CSS float problem to me.

Valerio · Answer 7 · Tue Sep 03 2013 21:08:34 GMT+0800 (China Standard Time)

well, i didn't close the

tag.. that's why i had weird position problems but still.. now the weird behaviours are gone but still, no pictures in ie8. here's my website: www.valeriopierbattista.com i used jquery picture in the projects section (2 pictures)