2012-01-23 16 views
8

मुझे किसी वेबसाइट के लिए एक वेबसाइट में एक jquery लंबन का उपयोग करने की आवश्यकता है, मैं मुख्य रूप से बैक एंड डेवलपर हूं इसलिए मैं फ्रंट एंड और jQuery आदि के बारे में और अधिक सीख रहा हूं। उदाहरण के लिए मैं http://www.nikebetterworld.com/ और ट्यूटोरियल जैसे उदाहरणों में आया हूं मैं कॉपीराइट मुद्दों के बारे में चिंतित हूं इसलिए मैं सोच रहा था कि क्या किसी ने शुरुआती लोगों के लिए लंबन प्रभाव बनाने के लिए एक विश्वसनीय और आसान ट्यूटोरियल खोजा है? धन्यवादjQuery लंबन ट्यूटोरियल?

उत्तर

15

मैं पार्टी के लिए बहुत देर हो रही है लेकिन सिर्फ बेशर्म आत्म पदोन्नति के लिए वहाँ में एक दूसरे से फेंकने के लिए :), मैं एक साधारण ट्यूटोरियल एक साथ रखा कुछ दिन पहले:

http://blog.fraser-hart.co.uk/jquery-parallax-scrolling/

आप अगर ' वहां पर किसी भी चीज के बारे में कोई सवाल है, मुझे एक संदेश पॉप करने के लिए स्वतंत्र महसूस करें और मैं आपको किसी भी चीज़ के बारे में अनिश्चितता के बारे में बात कर सकता हूं।

+2

हाय फ्रेज़र, वाह कितना विचित्र, मैं वास्तव में आपके प्लगइन में दूसरे दिन आया था :) फैब काम मुझे कहना है और यह वही है जो मैं अपनी परियोजना में ढूंढ रहा था। यह बहुत अधिक प्रभावी है और मैं वास्तव में समझता हूं कि यह कैसे किया जाता है :) –

+1

खुशी है कि यह मदद की थी :) मैं इस सप्ताहांत में एक और काम करने जा रहा हूं जिसमें स्प्राइट एनीमेशन शामिल है। – Fraser

+1

मैंने एक नया पोस्ट जोड़ा है जो आपको कुछ अच्छी स्प्राइट एनीमेशन भी शामिल करने के लिए विस्तारित करता है यदि आप रुचि रखते हैं – Fraser

3

मैं सिर्फ एक पर काम कर सिर्फ jesterday :) उपयोग करने पर विचार करना चाहिए समाप्त: http://johnpolacek.github.com/scrolldeck.js/ या http://www.jarallax.com/demo/ (एंड्रॉयड पर काम करता है) तो एक पूरी तरह से नई परियोजना #its इसकी अभी भी विकसित किया जा रहा

आसानी से अनुकूलन स्क्रॉलपॉइंट्स के लिए आप इसका उपयोग कर सकते हैं: http://cssdeck.com/labs/swayiqbq/2 (डिफ़ॉल्ट स्क्रॉलपॉइंट ओवरराइड करते समय यह काफी उपयोगी है (जो स्लाइड से स्क्रॉलल्डकेक.जेएस में स्लाइड करने के लिए है))

सुनिश्चित नहीं है कि आप केवल कोड पर काम कर रहे हैं, या आप ग्राफिक्स और कोड दोनों करते हैं, यदि यह पहला परिदृश्य है, तो आपको वास्तव में लंबन प्रभाव का उपयोग करने के लिए यह काम करने के तरीके के बारे में अपने डिजाइनर को ट्यूटर करना चाहिए। इसके अलावा, 1920x1080 में 1024x768 में सबकुछ आकर्षक लग रहा है, कुछ मामलों में चुनौतीपूर्ण हो सकता है।

+1

+1 ट्यूटोरियल डिजाइनर के लिए +1 है, चीजें निश्चित रूप से खराब हो सकती हैं! – DBUK

22

कुछ ट्यूटोरियल, पहले इस थ्रेड में उल्लिखित किसी भी लोगों के लिए खेद है:

कुछ, संभवतः, उपयोगी प्लगइन्स कि अच्छी तरह से लंबन के साथ काम कर सकता था:

मैं विशेष रूप से CSS3 के एनिमेशन ट्रिगर जब दृश्य में स्क्रॉल के लिए ध्यान में रखते हुए प्लगइन की तरह।

और, प्रेरणा और कोड स्नूपिंग के लिए और अधिक लंबन वेबसाइटों के कुछ सुंदर उदाहरण:

http://www.awwwards.com लंबन वेबसाइटों के साथ बह निकला जा रहा है।

+1

ग्रेट लिंक, Thx! लंबैक्स उदाहरणों पर कोई सुझाव जो आईपैड पर लागू किया जा सकता है? –

+1

अफसोस की बात है कि मेरे पास आईपैड नहीं है, इसलिए आईपैड आदि पर लंबन मेरे लिए विदेशी है। आईओएस में स्थिति तय करने के साथ कोई मुद्दा नहीं है? – DBUK

0

यहाँ मैं विभिन्न वेबसाइटों से सबसे अच्छा लंबन स्क्रॉल ट्यूटोरियल के कुछ एकत्र किया, तुम वहाँ से सीख सकते हैं अनुकूलित करने के लिए प्रयास करें। लिंक http://www.andwecode.com/tutorials/parallax-scrolling-tutorials/

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