JQuery Reel (вид 360) - размыто только на iPad - PullRequest
2 голосов
/ 26 ноября 2011

Я пытался воспроизвести 360-градусный обзор предметов на iPad, который вращается в ответ на сенсорные события пальцем.До сих пор я успешно создавал его (просто скопировал код, чтобы начать, я использую плагин jQuery Reel).Однако изображение выглядит очень размытым только тогда, когда я загружаю его на iPad.

http://findthetechguy.com/ipadtest3/

Однако, когда я тестирую оригинальный сайт, который я продублировал на iPad, катушка оченьчетче и изображения с высоким разрешением.

http://www.evoximages.com/products/360-exterior-spin

Что приводит к снижению качества моих изображений только на iPad?Кажется, работает нормально на моем ноутбуке.Любая помощь будет великолепна.

1 Ответ

2 голосов
/ 13 декабря 2011

iOS накладывает ограничения на размер ресурсов в памяти (см. Главу «Знайте ограничения ресурсов iOS» Руководство по веб-контенту Safari ), вызывая известную проблему с Reel (см. FAQ ). Safari уменьшает изображение, чтобы поместить его в небольшой фрагмент памяти, выделенный системой для каждого ресурса, и отображает его таким образом. Это приводит к различным (более низким) размерам изображения и срывает попытки Reel использовать спрайт изображения. Чтобы справиться с этим, Reel использует директиву -webkit-background-size CSS, чтобы обеспечить исходные размеры для правильной работы смены фрейма, и в результате ваше изображение выглядит размытым на iPad - ваше изображение было уменьшено системой и затем вернитесь на катушку.

Когда этот предел iOS нарушен, единственная опция, которую вы имеете, состоит в том, чтобы не использовать одно изображение спрайта и использовать отдельные изображения кадра с опцией .reel() 'images, которая принимает массив пути к этим изображениям.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...