5
मैं एक पृष्ठ लिख रहा हूं जिसमें बहुत सी छवि सामग्री के साथ 4 स्लाइड्स हैं। लोडिंग की गति में सुधार करने के लिए हम केवल पहली स्लाइड लोड करना चाहते हैं। फिर लोड होने के बाद हम बाकी को अजाक्स कॉल के माध्यम से प्राप्त करेंगे और उन्हें स्लाइड के रूप में जोड़ देंगे।फ्लेक्सस्लाइडर स्लाइड जोड़ें (अजाक्स सामग्री)
फ्लेक्सस्लाइडर वी 2 में इसके लिए एक .addSlide फ़ंक्शन है, हालांकि मुझे slider.addSlide is not a function त्रुटि मिल रही है।
किसी भी मदद की बहुत सराहना की जाएगी। धन्यवाद
यहाँ मेरी कोड है।
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="_slider/flexslider.css" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="_slider/jquery.flexslider-v2-min.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
slideshow: false,
controlNav: false,
controlsContainer: ".flex_wrap",
start: function(slider){
//Load another slide and append it to the html
$.get('landing_page_step1.html', function(data) {
$('.slides').append(data);
});
//Tell flexslider to add this as a slide
slider.addSlide(".step1", 1);
}
});
});
</script>
</head>
<body class="landing_page">
<div class="flex_wrap">
<div class="flexslider grid_12">
<ul class="slides">
<li>
Slide One
</li>
</ul>
</div>
</div>
</body>
</html>
[अपडेट]
इसकी प्रतीत होता है कि यदि आप केवल एक स्लाइड है तो flexsider इन अतिरिक्त कार्यों को स्वीकार नहीं करता। दो स्लाइड्स से शुरू करके यह विचार ठीक काम करता है। यह संभवतः flexslider की एक त्रुटि या इच्छित विशेषता है।
allowOneSlide v2.2 + में एक संपत्ति है, देखें: github.com/woothemes/FlexSlider#allowoneslide-new –