Javascript Image Slider >
Posts >
Compatible with ipad 3?
Hi, on the ipad 3, images are pixelated, usually I use CSS to control the HD image down to the correct size. Example: for an image that is 400px by 400px, I would use this #slider img { width:200px; height:200px; } But this doesn't work. What CSS class or div must I use?
9 months ago
Javascript Image Slide is unable to resize the images as the images are used as the background for each slides, and background is not resizeable.
You can try the
jQuery Slider which allows any HTML content for each slide, and images are not used as background.
Or you can try
Content Slider which is actually the jQuery Slider with a single thumbnail displayed.
9 months ago
Hi milo thanks for the fast reply. To resize backgrounds for retina display I use the background-size property, there's a few ways you can use it like:
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
div {
background: url(background.png) no-repeat;
background-size: 100px 100px;
height: 100px;
width: 100px;
}
}
Could this be applied?
9 months ago
What's your testing result?
Sorry I have no iPad testing experience and cannot tell more.
9 months ago
Finally got it to work full HD resolution with retina displays, all banners (backgrounds) including the corner ribbon and the bullets are sharp looking on the latest ipads. I'v tested it in Chrome, Safari, Firefox, Explorer, Opera and all iOs browsers. On this particular website I'm working on, I can't use Jquery silders for specific reasons, so this pure Javascript slider is just perfect and awesome. The only VERY annoying thing, is the damn license thing, I just hate those, I'de rather pay tripple the price and just get a clean script without having to input a licence. Anyways, thanks milo for your help, I don't know if you work menucool.com, if you do, you guys should definitely at least get an ipad3 to make some tests, there's over 360 000 000 iOs devices sold, it must be taken into consideration. Cheers!