Mootools Slideshow2 и конфликт jQuery

Это работает (вроде) с использованием jQuery.noconflict, но потом мой супер крутой слайд-шоу Mootools2 http://code.google.com/p/slideshow/ выглядит немного странно, особенно в FF и IE 7. Он (вроде как) работает в Safari, так что у меня есть надежда. (Я заставляю все свои вещи в режиме совместимости, и я даже не беспокоюсь о IE8.)

jQuery.noConflict(); jQuery(function($){ $(window).load(function(){$("#field").fadeIn(2000);});});

Тестовая страница:

http://ianmartinphotography.com/test-site/details/jmoo.html

Это должно быть так, но я хочу, чтобы вся страница исчезла: http://ianmartinphotography.com/test-site/details/ (эскизы и основные фотографии не синхронизируются - пока это всего лишь тестовая страница.)

У меня много чего происходит на этой странице: Cufon, sIFR, (Это было бы все Cufon, но вы не можете оправдать Cufon. У меня sIFR немного задерживается на других страницах постепенного появления, которые я создаю, поэтому он будет запускаться - Я могу настроить это позже ...) Curvey Corners (Я не могу заставить PIE плавно исчезать). И шоу Mootools, и я хочу, чтобы вся страница исчезла из поля зрения ...

Любые идеи? Или Slideshow2 слишком сложно с ним возиться?

Как сделать так, чтобы эта страница постепенно отображалась в Mootools?

Спасибо, что посмотрели!


person ian_6500    schedule 12.02.2011    source источник
comment
Я знаю jQuery немного больше, чем Mootools, материал Slideshow2 очень легко реализовать и не требует понимания Mootools ...   -  person ian_6500    schedule 12.02.2011


Ответы (1)


Вот! Это работает, но мне пришлось изменить (window) .load на (document) .ready, иначе слайд-шоу Mootools ужаснет.

--Еще кое-что:

У меня есть sIFR на этой странице (это будет все Cufon, но вы не можете оправдать Cufon), поэтому мне пришлось вызвать замену sIFR сразу после того, как CSS был изменен на блок, иначе sIFR не будет работать. Мне пришлось поместить код конфигурации sIFR точно так же, и на той же странице, он не будет работать с кодом конфигурации в другом каталоге, где он у меня обычно.

jQuery.noConflict(); jQuery(function($){$(document).ready(function(){$("#field").fadeIn(2000);});
 sIFR.replace(test, {selector: '#bar',
          css: '.sIFR-root {letter-spacing: 0; leading: -2.5; background-color: #e6e6e6; color: #79868e; font-size: 12px; text-align: justify; } a { color: #555055; text-decoration: none;} a:hover { color: #79868e; text-decoration: none; }'
        }); });

Теперь у меня jQuery и Mootools успешно работают на одной странице. Когда-нибудь я выучу Mootools, когда у меня будет время; Я думаю, что было бы более элегантно, если бы все исходило из одной и той же библиотеки js, но пока это работает нормально.

person ian_6500    schedule 17.02.2011