Изображения в webkit перепутаны

alt textНа этой странице http://cacrochester.com/ 2 вращающихся изображения перепутались в браузерах webkit. Это не всегда и обычно не на первом изображении. Это почему?

Я использую плагин jquery NivoSlider для поворота изображений.

вот что я вижу.


html jquery css webkit image-rotation
person Catfish    schedule 05.10.2010    source источник
comment
Для меня это тоже дерьмо в Firefox   -  person Marko    schedule 06.10.2010
comment
Похоже, у меня он отлично работает на FF 3.6.3. На какой у вас версии?   -  person Catfish    schedule 06.10.2010
comment
Можете уточнить, что с ними напортачило? Опишите поведение, которое вы ожидаете увидеть, и то, что вы видите на самом деле.   -  person calvinf    schedule 06.10.2010
comment
Первое изображение выглядит нормально, но когда второе изображение вращается, оно все нарезается и повторяется до правого края контейнера, перекрывая поле событий.   -  person Catfish    schedule 06.10.2010
comment
Кстати. попробуйте антиалиасинг на шрифте ;-)   -  person Dänu    schedule 06.10.2010
comment
Мне нравится Safari (5.0.2) и Chrome (6.0.472.63) на OS X 10.6. Перезагружал несколько раз, но все хорошо.   -  person jhurshman    schedule 08.10.2010
comment
Для меня это выглядит одинаково как в Firefox, так и в Safari. Вы уверены, что не просто пытаетесь обратить некоторых программистов?   -  person Alin Purcaru    schedule 08.10.2010
comment
Вы, ребята, можете увидеть загруженный мной скриншот? Я на работе и не могу сказать, правильно он загружен или нет.   -  person Catfish    schedule 08.10.2010
comment
Решение, которое я опубликовал, работает на моем локальном компьютере. Дать ему шанс.   -  person methodin    schedule 08.10.2010
comment
Я думаю, что это идеально подходит для предложения и контекста, в котором оно находится :) +1   -  person Todd Main    schedule 14.10.2010
comment
Как создавались изображения? Фотошоп? Были ли они созданы для Интернета? Какое разрешение вы используете? У меня нет проблемы, но изображения действительно пиксельные. Я использую Firefox 3.5.13   -  person tahdhaze09    schedule 14.10.2010
comment
Это может быть проблема с вашим интернет-соединением. Возможно, файл изображения все еще загружается, пока отображается. Каковы характеристики вашей операционной системы?   -  person alexyorke    schedule 15.10.2010

Ответы (4)


arrow_upward
0
arrow_downward

Я вижу этот странный эффект, как вы говорите, проблема, похоже, в том, как отображается каждый столбец. Тем не менее, вы должны попробовать любое другое решение для этой страницы, которую вы создаете, поскольку эффект, который вы применяете, больше подходит для поворотной области, а не для слайдера ... Я видел много настоящих крутых слайдеров (посмотрите слайдер jquery в Google или см. http://vandelaydesign.com/blog/web-development/jquery-image-galleries/).

Кроме того, вы должны подумать о переделке imgs, текст действительно некрасивый (надеюсь, вы не рассердитесь на то, что я говорю это, поскольку я пытаюсь помочь вашей странице выглядеть лучше). Как я уже говорил, если вы используете программное обеспечение для редактирования фотографий, такое как Photoshop, вы должны установить сглаживание текста на резкое или четкое, но не на «none» (поэтому вы больше не увидите его «пиксельным»). И фото этого парня тоже немного пиксельное ...

Надеюсь, мои 2 цента вам помогут!

person Juanma Guerrero    schedule 26.10.2010

arrow_upward
0
arrow_downward

Добавьте это к элементу <div id="slider">

style="float:right;position: relative;height:270px;width:610px;"
person methodin    schedule 08.10.2010
comment
У меня уже есть эти стили на #slider, кроме относительной позиции. Position: relative добавляется динамически через плагин nivoSlider, поэтому даже когда я добавляю его в инструменты разработчика Chrome (в основном как firebug), он просто вычеркивает его. - person Catfish; 08.10.2010
comment
Я знаю, что вы это сделали, но я представляю, как написан сценарий, эти значения не извлекаются правильно через таблицу стилей. Кажется, что добавление его в div напрямую решает проблему. Дать ему шанс. - person methodin; 08.10.2010

arrow_upward
0
arrow_downward

nivo-slider.css, строки 36, 37:

.nivo-slice {
     display: none;
     /* ... */
}
person y34h    schedule 09.10.2010

arrow_upward
0
arrow_downward

Мне это кажется совершенно нормальным. Возможно, попробуйте другой плагин прокрутки JQuery.

person alexyorke    schedule 15.10.2010