मैं कुछ इस तरह करना चाहते हैं: http://javascript.about.com/library/blcmarquee1.htmjQuery में छवियों वाले क्षैतिज टिकर को लगातार स्क्रॉल करना?
स्क्रिप्ट मैं संदर्भित हालांकि थोड़ा laggy (? पुराने) हो रहा है, इसलिए यदि किसी को भी एक बेहतर समाधान की पता था कि मैं सोच रहा था। (। JQuery समाधान का स्वागत करते हैं)
बस इस पाया - jQuery संचालित, और छवियों है। मैं इसे एक मौजूदा परियोजना के लिए उपयोग करने का इरादा रख रहा हूं।
http://logicbox.net/jquery/simplyscroll/
अद्यतन: मैं अब उत्पादन कोड में इस का इस्तेमाल किया है। प्लगइन 70+ 150 × 65 पीएक्स छवियों को बहुत आसानी से लूप करने में सक्षम है - जिसकी एक और प्लगइन मैंने इस तरह की कोशिश की थी, इस पर असफल रहा।
ध्यान दें कि यह आईई 6/7 में z-index मुद्दों के साथ कहर बरकरार है और यह प्रदर्शित नहीं हो रहा था - लेकिन यह आंशिक रूप से मेरे सीएसएस के कारण भी हो सकता है। साथ यह बिल्कुल IE में प्रदर्शित नहीं मानक आईई z-index फिक्स की जाँच परेशानी हो रही किसी को भी करने के लिए: http://www.google.com/search?q=ie+z+index+issues
नवीनतम अद्यतन: अलावा बातों पर विचार करने के लिए जब इस तरह के प्लग-इन को लागू करने:
मैं अब भी पाया है इन दो स्क्रोलर प्लग इन के रूप में अच्छी तरह से बहुत अच्छा होना करने के लिए कदम होगा।
http://www.logicbox.net/jquery/simplyscroll/custom.html जो आपने http://javascript.about.com/library/blcmarquee1.htm में दिखाया है :) – tftd
http: // caroufredsel के लिए +1। frebsite.nl/। अच्छे उदाहरण स्पष्ट साइट और दस्तावेज़ीकरण। Caroufredsel https://github.com/gilbitron/carouFredSel के लिए – Flion
+1। रुचि रखने वाले किसी के लिए, यहां आप वास्तव में अच्छा उदाहरण उपयोग पा सकते हैं: http://coolcarousels.frebsite.nl/c/9/ – Ekin
छवियों वाले निरंतर टिकर्स के किसी भी उदाहरण? –
मेरे पास कोई ऑनलाइन उदाहरण नहीं है, लेकिन मैंने छवियों के साथ इसके साथ खेला है, और यह बहुत सभ्य है। –
यह प्लगइन निरंतर नहीं है (लेकिन अगर आपको इस सुविधा की आवश्यकता नहीं है तो यह बहुत सभ्य है)। –
बस एक सोचा। क्या आप ऐसा कुछ कर सकते हैं।
<style type="text/css">
.imgwindow{
width:500px; //or whatever
height:65px; //or whatever
position:relative;
overflow:hidden;
}
.imgholder{
min-width:2000px;
height:65px;
position:absolute;
left:-200px;
}
.inline-image{
display:inline-block;
}
</style>
<script type="text/javascript">
var img;
function imgScroll(){
img = $(".inline-image").first();
img.animate({width:0},2500,'linear',function(){
img.remove();
$(".imgholder").append(img);
imgScroll();
});
}
$(document).ready(function(){
imgScroll();
});
</script>
और html
<div class="imgwindow">
<div class="imgholder">
<img class="inline-image" src="image1" /><img class="inline-image" src="image2" />...
</div>
</div>
आप देख रहे हैं एक अधिक विस्तृत जवाब कृपया के लिए और अधिक एक अधिक विशिष्ट प्रश्न प्रदान करते हैं। जैसे कि आप किस सामग्री को स्क्रॉल/क्षैतिज बनाम वर्टिकल, निरंतर लूप बनाम उपयोगकर्ता नियंत्रित करना चाहते हैं, कितनी चीज़ें, अगर छवियां कितनी बड़ी हैं? आदि – megaSteve4
@ megaSteve4 क्या सामग्री कोई फर्क नहीं पड़ता, लेकिन इस मामले में, यह छवियों है। मैं उन्हें क्षैतिज स्क्रॉल करना चाहता हूं, क्योंकि शीर्षक कहता है (और उदाहरण के रूप में मैंने लिंक किया है)। एक सतत लूप होगा। यह किसी भी आकार की सामग्री/छवियों के लिए काम करना चाहिए। आपका जवाब अब तक का सबसे अच्छा है! –