6
Raylar için iyi bir lightbox eklentisi olan var mı? Redbox buldum ama geliştirme dışı görünüyor.Raylar için ışık kutusu?
Teşekkürler! jQuery sürümü ile yanlış bir şey
-Elliot
A
cevap
5
Normal Lightbox 2'yi kullanıyorum. Tüm uygun javascript ve stil sayfalarını ekleyin: bağlantılarınızda rel => "lightbox". Ben rlightboxhttp://github.com/Lipsiasoft/lightbox
2
var mı? Herhangi raylar kullanmak eklentisi, ama bu zor olmamalı bazı yardımcı işlevleri yazma olup olmadığını bilmiyorum lightbox2 deneyebilirsiniz jQuery Raylar
0
üzerinde
.
0
kullanabilirsiniz. Bu bir jquery UI eklentisidir. Bu fotoğraflar ve videolar için kullanılabilir ve dokümantasyon İşte
0
öneriyoruz
3
kolayca (benim durumumda v4) raylar içinde lightbox nasıl kullanılacağı örnek oldukça iyidir: http://lokeshdhakar.com/projects/lightbox2/
2. Kopya lightbox: sitesinden
1. İndir 4. isim ver lightbox.css
5. kopyala dört img en lightbox.css.scss.erb için
app/varlıklar/stil sayfaları için lightbox.css uygulaması/varlıklar/javascripts için .js
3. Kopya uygulaması/varlıklar/images
6. düzenlemek lightbox.css.scss.erb:
- Tüm görüntü yolları yerine:Uygun bir görüntü adıyla( )
Işık Kutusunu etkinleştirmek için herhangi bir görüntü bağlantısına bir data-lightbox özelliği ekleyin. Özniteliğin değeri için, her görüntü için benzersiz bir ad kullanın. Örneğin:
Hepsi bu kadar.
+1
css dosyası için erb-processing kullanıldığından ve bunun yerine <% = image_path ...%> 'yerine, onu yalnızca lightbox.css.scss olarak kaydedin ve image-url (" close.png ") kullanın. '' url (...) 'yerine dosyada. Burada erb'e gerek yok! –
0
Mevcut Rails uygulamanızın içinde Lightbox'ı kullanmak için kendi Rails paketleyicimi yazdım.
+0
Nasıl kullanabilirim? Sadece Gemfile ekleyin? Bu kadar? – LovingRails
İlgili konular
- 1. Farklı nesne için farklı ışık kutusu nasıl olur
- 2. Basit ve küçük, saf javascript ışık kutusu (iletişim kaplaması)?
- 3. Tüp ışık gibi görünmesini sağlamak için üç.js'de bir silindir ışık yayabilir miyim?
- 4. Işık kutusu eklentisi renk kutusu nasıl kullanılır?
- 5. ~ 50GB CSV ışık dosya işlemlerinden
- 6. Bu sahnedeki ışık neden çalışmıyor?
- 7. birileri ışık tutabilir umut EntitySet
- 8. Android ışık sensörü tetiklemiyor olay
- 9. Dokunmatik ekranYüksek ışık Çalışmadosyası çalışmıyor
- 10. Mootools Bir html div için Işık Kutusu?
- 11. Mobil Işık Kutusu?
- 12. raylar için
- 13. Django otomatik tamamlama Yönetici için liste filtrelerde ışık var
- 14. Bir ışık anahtarı uygulamasında dağıtım parametrelerini genişletme
- 15. Sahnedeki birçok ışık kaynağı nasıl kullanılır?
- 16. Raylar UJS onay kutusu iptal düğmesi geri arama
- 17. Birden çok onay kutusu değerleri kaydedildi, ancak Raylar biçiminde yüklenmedi
- 18. Bu ANR günlüğüne birileri ışık tutabilir mi?
- 19. Raylar: simple_form: onay kutusu koleksiyonundan boş bir dize alma
- 20. İçeriği ayarla Özel bir iletişim kutusu için iletişim kutusu Açıklama
- 21. jQuery İletişim kutusundaki iletişim kutusu için iletişim iletişim kutusu
- 22. Ekrandaki onay kutusu giriş kutusu
- 23. Işık Kutusu Chrome Uygulama/Uzantısı'nda Etkinleştirme
- 24. iphone web uygulaması için otomatik tamamlama ajax metin kutusu?
- 25. Raylar 3: bir dizideki her öğe için radyo düğmesi
- 26. Raylar için NSDateFormatter 4.0 created_at
- 27. Raylar geliştirme için Notepad ++ kullanmak için ipuçları?
- 28. PostgreSQL şemaları için geçişler için raylar
- 29. Işık Kutusu ile Galleriffic'i bütünleştirin, nasıl?
- 30. Angular2 - Get bileşeni ışık DOM innerHTML/çocuk düğümler
Eğer .html.erb (görünüm) dosyasında JavaScripts ve stil ve kullanım eklemek nasıl üzerinde durmak misiniz ?? –