jquery और जावास्क्रिप्ट

Question

के साथ क्षैतिज divs स्लाइडिंग मैं अपने बारे में हमारे पृष्ठ में अपने प्रशंसापत्र प्रदर्शित करने की कोशिश कर रहा हूँ। वहां मैं 3 प्रशंसापत्रों को एक बार में प्रदर्शित करने के लिए क्षैतिज स्टाइल के साथ 3 divs का उपयोग करता हूं।

यहां मैं क्या करने की कोशिश कर रहा हूं, मैं क्वेरी के साथ कुछ स्लाइडिंग प्रभाव जोड़ना चाहता हूं, पहले 3 divs गायब होने के लिए और फिर विभिन्न प्रशंसापत्रों के साथलोड करने की आवश्यकता है। और इतने पर .. मैंने HTML और CSS किया .. लेकिन कोई विचार नहीं कि क्वेरी के साथ इसे कैसे किया जाए ... क्या कोई भी शरीर मुझे ऐसा करने में मदद कर सकता है ??? ???

<div class="testimonials"> 
    <div class="cols"> 
     contents...1st time      
    </div> 
    <div class="cols"> 
     contents...1st time  
    </div> 
    <div class="cols"> 
     contents...1st time  
    </div> 

    <div class="cols"> 
     contents...2st time      
    </div> 
    <div class="cols"> 
     contents...2st time  
    </div> 
    <div class="cols"> 
     contents...2st time  
    </div> 

</div> 


.testimonials { 
    width: 640px; 
    height: 300px; 
    //background: red; 
} 

.cols { 
    width: 150px; 
    height: 200px; 
    margin: 0 20px 0 0; 
    background: gray; 
    float: left; 
} 

कोई टिप्पणी, बहुत सराहना किसी भी विचार ...

धन्यवाद ..

Answer 1

इस, हल्के जावास्क्रिप्ट jQuery पुस्तकालय का प्रयास करें: http://baijs.nl/tinycarousel/

Answer 2

यहाँ jQuery हिंडोला के लिए एक महान प्लगइन

http://sorgalla.com/projects/jcarousel/

Github है:https://github.com/jsor/jcarousel

या

Github: http://jsfiddle.net/enve/GWhaz/

पहले तीन <li> पहले दिखाए जा रहे हैं और तीन अन्य 2000 सेकंड के बाद दिखा रहे हैं:https://github.com/SSilence/simple.carousel

jsFiddle डेमो यहाँ देखें।

Answer 3

ऐसा कुछ? http://jsfiddle.net/gZkUV/1/

$('#id').show('slide', {direction: 'right'}, 1000); 

Answer 4

आप निश्चित रूप से jQuery उपयोग करना चाहते हैं, .. कुछ ऐसा है जो पहले से ही बनाया गया है और वहाँ बाहर community.that में उपयोग अब तक सुरक्षित और कुछ भी यू खरोंच से बनाने की तुलना में लचीला विकल्प होगा coin slider की तरह कुछ का उपयोग करें या jquery cycle plugin। उनके पास HTML मार्कअप के बारे में कुछ विशिष्टताएं हैं जिन पर आप प्लगइन लागू करते हैं। उसका पालन करें और आप कर चुके हैं।