jquery फ्लेक्सस्लाइडर मैन्युअल नियंत्रण काम नहीं कर रहा है

मैं "flexslider" प्लगइन के लिए मैन्युअल नियंत्रण लागू करने की कोशिश कर रहा हूं।jquery फ्लेक्सस्लाइडर मैन्युअल नियंत्रण काम नहीं कर रहा है

<body> 
<div class="container"> 
    <div class="columns row"> 
     <div class="flexslider"><ul class="slides"> 
      <li style="width: 100%; float: left; margin-right: -100%; display: none;"><img src="1.jpg"></li> 
      <li style="width: 100%; float: left; margin-right: -100%; display: none;"><img src="2.jpg"></li> 
      <li style="width: 100%; float: left; margin-right: -100%; display: none;"><img src="3.jpg"></li> 
      <li style="width: 100%; float: left; margin-right: -100%; display: list-item;"><img src="4.jpg"></li>        
     </ul><ol class="flex-control-nav"><li><a class="">1</a></li><li><a class="">2</a></li><li><a class="">3</a></li><li><a class="active">4</a></li></ol><ul class="flex-direction-nav"><li><a href="#" class="prev">Previous</a></li><li><a href="#" class="next">Next</a></li></ul></div> 
    </div> 


    <div class="columns row"><h2><strong>Bla bla bla</strong> Lorum lorum</h2></div> 

    <div class="columns row"> 
    <div id="thumbnail"> 
     <img width="100" border="0" style="margin: 0 16px 0 0" src="1.jpg"> 
     <img width="100" border="0" style="margin: 0 16px 0 0" src="2.jpg"> 
     <img width="100" border="0" style="margin: 0 16px 0 0" src="3.jpg"> 
     <img width="100" border="0" style="margin: 0 16px 0 0" src="4.jpg"> 
    </div> 
    </div> 
</div> 
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 

<script src="../../javascripts/jquery.flexslider-min.js"></script> 

<!-- Hook up the FlexSlider --> 
<script type="text/javascript"> 
    $(window).load(function() { 
     $('.flexslider').flexslider({ 
      controlNav: true, 
      manualControls: "#thumbnail img" 
     }); 
    }); 
</script>

मैं स्लाइडर नियंत्रण के रूप में थंबनेल चित्र हैं:

यहाँ मेरी कोड है। मैं क्या गलत कर रहा हूं?

स्रोत

2012-03-13 James Cazzetta

आप http://jsfiddle.net/ में अपने कोड रख सकता है। – Deadlykipper

@Deadlykipper Heres the fiddle: http://jsfiddle.net/U3h5d/ –

@Deadlykipper क्या पहेली मेरी समस्या को समझने में मदद करता है? –

आपको 'controlContainer' विकल्प जोड़ना होगा।

तो अपने jQuery कोड होना चाहिए:

$('.flexslider').flexslider({ 
    controlsContainer: ".container", 
    controlNav: true, 
    manualControls: "#thumbnail img" 
});

स्रोत

2012-03-13 10:19:47

धन्यवाद! अच्छी तरह से काम! –

आपका स्वागत है! मैं खुशी से मदद कर सकता है! –

jquery फ्लेक्सस्लाइडर मैन्युअल नियंत्रण काम नहीं कर रहा है

उत्तर

संबंधित मुद्दे