साइक्ल 2 प्लगइन का प्रारंभ विंडोज़ पर ओएसएक्स

Question

की तुलना में विंडोज पर अलग-अलग काम करता है यदि इस बारे में एक समान सवाल है, तो कृपया मुझे उस दिशा में इंगित करें।

http://jsfiddle.net/e70r1mtw/

यहाँ उपयोगकर्ता छवियों कि ग्रेस्केल से रंग को फीका का एक स्लाइड शो का स्वागत कर रहे हैं: यह समस्या मुझे का वर्णन करने के लिए, लेकिन मैं पूरी कोशिश करूँगा कठिन है। यह विंडोज़ में ओएसएक्स और फ़ायरफ़ॉक्स पर ठीक काम करता है। (ग्राहक को पता है कि यह प्रभाव आईई में काम नहीं करता है और इसके साथ ठीक है।)

हालांकि, विंडोज़ पर क्रोम में, पहली स्लाइड ग्रेस्केल से फीका नहीं है, लेकिन रंग रहता है।

मेरा संदेह यह है कि इसे डीओएम लोड किया जा रहा है और कैसे Cycle2 प्लगइन शुरू किया जा रहा है के साथ यह करना है।

सीएसएस कि को नियंत्रित इस ग्रेस्केल प्रभाव इस प्रकार है:

#home-featured .cycle-slide { 
     -webkit-filter: grayscale(100%); 
     filter: grayscale(100%); 
     -webkit-transition-property: -webkit-filter; 
     -webkit-transition-duration: 4s; 
     -webkit-transition-timing-function: ease; 
     -webkit-transition-delay: 2s; 
     transition-property: -webkit-filter, filter; 
     transition-duration: 4s; 
     transition-timing-function: ease; 
     transition-delay: 2s; 
    } 

    #home-featured .cycle-slide-active { 
     -webkit-filter: grayscale(0%); 
     filter: grayscale(0%); 
    } 

मेरे सवाल यह है: वहाँ तुरंत cycle-slide-active वर्ग जोड़ने, ब्राउज़र बार यह अधिनियमित करने के लिए की जरूरत है महसूस करने के लिए दिए बिना CYCLE2 प्रारंभ करने का कोई तरीका है सीएसएस संक्रमण?

body.loaded .cycle-slide-active { 
    -webkit-filter: grayscale(0%); 
    filter: grayscale(0%); 
} 

तो प्रभाव दस्तावेज़ लोड पर हो जाएगा, CYCLE2 ऑटो init के साथ तैयार पर है कि बाद:

Answer 1

मैं पहले से ही CYCLE2 के साथ एक समान समस्या बदलें .cycle-slide-active करना पड़ा।

दस्तावेज़ प्रस्तुत होने पर

$('body').addClass('loaded'); 

उदाहरण: http://jsfiddle.net/e70r1mtw/3/

तुम भी cycle-initializedevent एक वर्ग को जोड़ने के लिए उपयोग कर सकते हैं कहीं भी आप संक्रमण सक्रिय करना चाहते हैं।