CODEWITHSUNDEEP
imagecssipadretina
Xeen
Xeen

Reputation: 7003

iPad not loading images

I have an iPad with a Retina display and all things are loading nicely apart from some images (they don't show up in random).

What I have tried so far:

  1. Use -webkit-transform: translateZ(0); on those elements - didn't work
  2. Use data-at2x="<?= $img[0][1][0];?>" on the <img> tag - didn't work

What else could I try?

Upvotes: 0

Views: 865

Answers (1)

Aruloci
Aruloci

Reputation: 589

Have a look at the Apple naming convention in their "Resource Programming Guide" on page 46.

The bundle- and image-loading routines automatically look for image files with the @2x string when the underlying device has a high-resolution screen. If you combine the @2x string with other modifiers, the @2x string should come before any device modifiers but after all other modifiers, such as launch orientation or URL scheme modifiers. For example:

  • MyImage.png - Default version of an image resource.

  • [email protected] - High-resolution version of an image resource for devices with Retina displays.

  • MyImage~iphone.png - Version of an image for iPhone and iPod touch.

  • MyImage@2x~iphone.png - High-resolution version of an image for iPhone and iPod touch devices with Retina displays.

Upvotes: 3

Related Questions