2009-08-15 8 views
6

क्या किसी को रेल के लिए एक अच्छा लाइटबॉक्स प्लगइन पता है? मुझे रेडबॉक्स मिला लेकिन ऐसा लगता है कि यह विकास से बाहर है।लाइटबॉक्स?

धन्यवाद!

-Elliot

उत्तर

5

मैं केवल नियमित लाइटबॉक्स 2 का उपयोग करता हूं। फिर सभी उपयुक्त जावास्क्रिप्ट और स्टाइलशीट शामिल करें: rel => "लिंकबॉक्स" आपके लिंक पर।

+2

आप कैसे आप .html.erb (देखें) फ़ाइल में javascripts और स्टाइलशीट और उपयोग जोड़ने पर विस्तृत कृपया सकते हैं ?? –

0

आप lightbox2 कोशिश कर सकते हैं, अगर कोई रेल इसका इस्तेमाल करने के प्लगइन है, लेकिन कुछ सहायक कार्यों लेखन कि मुश्किल नहीं होना चाहिए पता नहीं है।

0

मैं rlightbox सिफारिश करेंगे कर सकते हैं। यह एक jquery यूआई प्लगइन है। यह तस्वीरें और वीडियो के लिए इस्तेमाल किया जा सकता और प्रलेखन बहुत अच्छी

3

यहाँ उदाहरण कितनी आसानी से (मेरे मामले में v4) रेल में लाइटबॉक्स उपयोग करने के लिए है: http://lokeshdhakar.com/projects/lightbox2/
2. कॉपी लाइटबॉक्स:
1. साइट से डाउनलोड एप्लिकेशन/आस्तियों/javascripts को .js
3.
4. नाम बदलें lightbox.css lightbox.css.scss.erb को
5. कॉपी चार img करने के एप्लिकेशन/आस्तियों/स्टाइलशीट को lightbox.css कॉपी एप्लिकेशन/आस्तियों/छवियाँ
6. lightbox.css.scss.erb संपादित करें:
- सभी छवि पथ इसके साथ प्रतिस्थापित होते हैं:

<%=image_path "close.png"%> 

उचित छवि नाम के साथ।
लाइटबॉक्स को सक्रिय करने के लिए किसी भी छवि लिंक में डेटा-लाइटबॉक्स विशेषता जोड़ें। विशेषता के मान के लिए, प्रत्येक छवि के लिए एक अद्वितीय नाम का उपयोग करें। उदाहरण के लिए:

<a href="img/image-1.jpg" data-lightbox="image-1" data-title="My caption">Image #1</a> 

सब कुछ है।

+1

सीएसएस फ़ाइल के लिए एआरबी-प्रसंस्करण का उपयोग करने के बजाय और इस प्रकार '<% = image_path ...%>', इसे केवल 'lightbox.css.scss' के रूप में सहेजें और' image-url ("close.png") का उपयोग करें। 'url (...)' के स्थान पर फ़ाइल में। यहाँ erb के लिए कोई ज़रूरत नहीं है! –

0

मैंने अपने मौजूदा रेल एप्लिकेशन के अंदर लाइटबॉक्स का उपयोग करने के लिए अपना खुद का रेल रैपर लिखा था।

Github: https://github.com/vernondegoede/lightbox-rails

+0

मैं इसका उपयोग कैसे कर सकता हूं? बस Gemfile जोड़ें? बस? – LovingRails

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