Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

not working in IE8 #21

Open
vlrprbttst opened this issue Jul 27, 2013 · 7 comments
Open

not working in IE8 #21

vlrprbttst opened this issue Jul 27, 2013 · 7 comments

Comments

@vlrprbttst
Copy link

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

@Twansparant
Copy link

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!

@Twansparant
Copy link

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>

@iandevlin
Copy link

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

@Abban
Copy link
Owner

Abban commented Sep 1, 2013

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 is going to get any support now that the srcset stuff has been implemented into Webkit.

I'd rather not need this plugin by now but it took them a year of arguing to make any progress at all..

@Twansparant
Copy link

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
Copy link
Owner

Abban commented Sep 1, 2013

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.

@vlrprbttst
Copy link
Author

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)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants