Плагин JS Supersized - обрезка изображений на краю области просмотра

Question

Поэтому я использую плагин Supersized (http://buildinternet.com/2011/07/supersized-3-2-fullscreen-jquery-slideshow/) для отображения красивых фоновых изображений за сайтом. Обычно он растягивается, чтобы соответствовать любому размеру вашего окна браузера. На iPad фон обрезается в конце области просмотра Я могу ущипнуть, чтобы увидеть весь сайт, и просто увеличить масштаб. Но фон остается на месте.

Самое важное, что мне нужно, это то, что изображения заполняют длину и высоту содержимого. Ссылка и CSS ниже:

http://www.xsp.com/new_site/index.php

Любая помощь очень ценится под ружьем здесь. Спасибо.

* * 1010

Answer 1

Проблема связана с общим CSS, который устанавливает все ваше изображение на «max-width: 100%». Проверьте сброс CSS, если есть что-то img {max-width: 100%;}

У администратора с большими правами есть решение для файла "supersized.3.2.7.js": https://github.com/buildinternet/supersized/issues/103

Если вы не можете решить эту проблему, следуя официальному решению, попробуйте добавить этов вашем увеличенном css:

#supersized img { max-width: none; }

этот хитрость http://blog.valderama.net/node/30

Answer 2

Я нашел один способ исправить это с помощью медиа-запросов iPhone / iPad css. Это, вероятно, не самый лучший способ, больше похоже на то, чтобы наклеить на него ленту, чтобы она держалась вместе. Но это работает, поэтому я счастлив:

/*Fix Supersized on iOS*/

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#supersized { margin-left:0;}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
#supersized { width:110% !important;}
}


/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
#supersized { margin-left:0; }
}