#jquery #css #plugins
#jquery #css #Плагины
Вопрос:
я использую плагин Orbit для jquery, и он отлично работает в FF. в Chrome и Safari он неправильно вычисляет размер div как 1px в высоту и ширину и применяет его к div-оболочке.. поэтому фотографии не отображаются.
есть ли что-то конкретное в механизмах рендеринга, которые заставляют его правильно вычислять в одном браузере, но не в другом? Я установил стиль div-оболочки в своей таблице стилей, но Orbit применяет встроенный стиль, который переопределяет.
любые предложения будут оценены. у меня он работает правильно здесь http://jsfiddle.net/j9zLe / во всех браузерах, но на странице, на которой я его использую, есть много другого кода. я думаю, что это должен быть какой-то стиль дальше по цепочке… но не уверен, что искать.
спасибо, Лиз
Ответ №1:
В jquery.orbit-1.2.3.js файл в строке 52 — это следующая строка:
orbit.add(orbitWidth).width('1px').height('1px');
Я не уверен в сути этой строки, однако, если вы измените значения ширины и высоты на значения для своих слайдов или закомментируете строку, я уверен, что это решит вашу проблему.
В вашем jsfiddle вам нужно добавить ресурс для файлов JavaScript и CSS для Orbit, чтобы он отображался правильно.
Комментарии:
1. итак, я попробовал это, и тогда это сработало в safari, но провалилось в firefox. цикл перестал функционировать. извините, что скрипка работает сейчас, я подключил ее к серверу, на который вам нужно войти, и забыл.
2. я закомментировал строку, и теперь она работает в обоих, НО в safari таймер работает нормально, а в FF он работает очень медленно … safari примерно в 4 раза быстрее.
3. Что происходит, когда вы оставляете строку и меняете значения на фактические размеры вашего слайд-шоу (это было то, что исправило это для меня, однако я не использую таймер, потому что он слишком сильно влияет на синхронизацию слайд-шоу на медленных процессорах)?
4. когда я просто заменяю значения, это не работает в firefox. мне пришлось это прокомментировать. странная штука с таймером. одинаковый процессор для обоих браузеров. похоже, что в FF настройка таймера игнорируется. когда я делаю это быстрее или медленнее … я вижу изменения только в safari
5.
startClock()Функция начинается со строки 99 и переходит к строке 131. Если вас интересует, как запускается таймер для этого плагина, есть, где посмотреть.