मैं उस साइट के होमपेज पर s3Slider जावास्क्रिप्ट स्लाइड शो का उपयोग कर रहा हूं जिसे मैं विकसित कर रहा हूं:

http://alexisparkinn.com/

मुझे वास्तव में यह स्लाइड शो पसंद है लेकिन उपयोगकर्ता को अगली या पिछली छवि पर जाने के लिए सक्षम करने का कोई तरीका नहीं है।

मैं इन बटनों को कैसे जोड़ सकता हूँ? क्या किसी को आवश्यक जावास्क्रिप्ट कोड पता है जिसका मुझे उपयोग करने की आवश्यकता है या क्या परिवर्तन किए जाने चाहिए।

सुझाव? किसी भी तरह की सहायता का स्वागत किया जाएगा।

धन्यवाद!

1
9ete 9 मार्च 2011, 00:47
स्लाइडर स्क्रिप्ट में कार्यों को निजी परिभाषित किया गया है।
 – 
pimvdb
9 मार्च 2011, 00:50
क्या आप चाहते हैं कि इन बटनों पर क्लिक करने पर स्लाइड शो रुक जाए?
 – 
LostLin
9 मार्च 2011, 00:53
नहीं, मैं बस इतना चाहता हूं कि लोग अपनी पसंद के अनुसार आगे और पीछे जाने में सक्षम हों। क्या मुझे जावास्क्रिप्ट कोड अपलोड करना चाहिए?
 – 
9ete
9 मार्च 2011, 00:57

3 जवाब

सबसे बढ़िया उत्तर

मुझे पता है कि आपने सुझाव नहीं मांगे थे, लेकिन मुझे इसे समाधान के रूप में वहां से बाहर निकालने दें: http://jquery.malsup.com/cycle/

एक टन स्लाइडर्स के साथ खिलवाड़ करने के बाद, मैंने एक बार के बाद इस पर वापस जाना समाप्त कर दिया है। (और एक 4KB संस्करण है यदि आप चाहते हैं कि सभी फीका प्रभाव है)

इसमें बहुत अच्छे दस्तावेज हैं और कुल मिलाकर यह उपयोग करने में काफी आसान और सीधा है।

वैसे भी, बस उसे वहाँ फेंकना चाहता था। तुम्हारे लिऐ शुभकामना!

1
Todd 9 मार्च 2011, 01:12
धन्यवाद! वे कुछ मीठे स्लाइडर हैं। मैं भविष्य के काम में उनमें से कुछ को लागू करना सुनिश्चित करूंगा। आपके सुझाव की बहुत सराहना की जाती है।
 – 
9ete
9 मार्च 2011, 21:42
धन्यवाद @toddsler। मैं यहां यह देखने के लिए आया था कि मेरे लिए काम करने के लिए s3slider कैसे प्राप्त करें, और मिनटों के भीतर साइकिल चलाना और दौड़ना था। वे सिर्फ jQuery के लिए बहुत आवश्यक विधि जोड़ते हैं। उपयोग में सरल और आसान। "शुरुआती" के लिए ट्यूटोरियल यहां पढ़ना सुनिश्चित करें: jquery.malsup.com/cycle/begin। एचटीएमएल
 – 
Lucy Weatherford
10 पद 2011, 04:58

बस कुछ हैक करने के लिए, मैं आपकी s3slider कॉपी को कुछ इस तरह शामिल करने के लिए संशोधित करूंगा (पंक्ति 38 पर डालें)

$(element).bind("s3slidernext", function() {
   current = items[currNo+1];
   fadeElement(false);
});

तो आप शायद बस कॉल कर सकते हैं

$('#s3slider').trigger("s3slidernext");

स्लाइडर को आगे ले जाने के लिए। इसे एक बटन से बांधें और आप पूरी तरह तैयार हैं।

1
JoshRivers 9 मार्च 2011, 01:24
हे जोश मैंने इसे अपने कोड में रखा है। पहला बिट मैंने अपने s3slider.js पेज की लाइन 38 पर रखा और दूसरा मैंने अपने इंडेक्स पेज के हेड सेक्शन में रखा। मैं अगले/पिछले तीरों को कैसे दिखाऊं? सहायता के लिए धन्यवाद।
 – 
9ete
11 मार्च 2011, 00:38
$('#s3slider').trigger("s3slidernext"); अंश।
 – 
JoshRivers
11 मार्च 2011, 04:33

वहाँ कई jQuery पुस्तकालय हैं जो आपकी मदद कर सकते हैं जैसे http://sorgalla.com/projects/jcarousel/

0
Naftali aka Neal 8 मार्च 2011, 22:45