6
Czy ktoś wie o dobrej wtyczce LightBoxa dla szyn? Znalazłem RedBoxa, ale wydaje mi się, że nie ma go w opracowaniu.Lightbox dla szyn?
Dzięki!
-Elliot
A
Odpowiedz
5
Po prostu używam zwykłego Lightbox 2. Dołącz wszystkie odpowiednie javascript i arkusze stylów, a następnie: rel => "lightbox" na swoich linkach.
2
Czy jest coś złego w wersji jQuery?
jQuery on Rails
0
Można spróbować lightbox2, nie wiem, czy istnieje jakieś szyny plugin go używać, ale pisząc niektóre funkcje pomocnicze nie powinno być trudne.
0
Można użyć http://github.com/Lipsiasoft/lightbox
0
Polecam rlightbox. Jest to wtyczka jquery UI. Może być używany do zdjęć i filmów, a dokumentacja jest całkiem dobry
3
Oto przykład, jak łatwo wykorzystać schowek w szynach (V4 w moim przypadku):
1. Pobierz ze strony: http://lokeshdhakar.com/projects/lightbox2/
2. Skopiuj ulubionych js APP/aktywa/JavaSkrypty
3. Skopiuj lightbox.css do aplikacji/aktywa/stylesheets
4. Zmień nazwę lightbox.css do lightbox.css.scss.erb
5. Skopiuj cztery img do app/assets/obrazy
6. Edytuj plik lightbox.css.scss.erb:
- Wszystkie ścieżki obrazu zastąp:
<%=image_path "close.png"%>
z odpowiednią nazwą obrazu.
Dodaj atrybut lightbox do dowolnego linku do zdjęcia, aby aktywować Lightbox. Aby uzyskać wartość atrybutu, użyj unikalnej nazwy dla każdego obrazu. Na przykład:
<a href="img/image-1.jpg" data-lightbox="image-1" data-title="My caption">Image #1</a>
To wszystko.
+1
Zamiast używać przetwarzania erb dla pliku css, a więc '<% = image_path ...%>', zamiast tego zapisz go tylko jako 'lightbox.css.scss' i użyj' image-url ("close.png") 'w pliku w miejsce' url (...) '. Nie ma potrzeby erb tutaj! –
0
Napisałem własną wrapper Rails, aby korzystać z Lightbox wewnątrz istniejącej aplikacji Rails.
+0
Jak mogę z niego korzystać? Po prostu dodaj Gemfile? To jest to? – LovingRails
Powiązane problemy
- 1. Mobile Lightbox?
- 2. Wyłącz lightbox z javascript
- 3. Hak zamykający dla szyn
- 4. Turbolinks dla szyn nieaktywnych
- 5. Środowiskowe inicjatory dla szyn?
- 6. implementacja komunikatora internetowego dla szyn?
- 7. Ograniczanie tempa dla kontrolerów szyn
- 8. Zalecana wtyczka uwierzytelniania dla szyn
- 9. „Like”, „Niechęć” plugin dla szyn
- 10. Architektura wtyczek dla szyn cms
- 11. Testowanie zakresów szyn dla zer
- 12. Zatrzymaj fullpage.js przewiń, gdy lightbox jest otwarty, a następnie włącz ponownie, gdy lightbox jest zamknięty.
- 13. ASP.NET MVC 2 + jQuery lightbox + zaloguj
- 14. Tworzenie wtyczki JQuery LightBox z wieloma galeriami
- 15. jak wyświetlić lightbox po zakończeniu odtwarzania wideo?
- 16. Bez przewijania po zamknięciu lightbox (blueimp)
- 17. Modalna galeria Lightbox i karuzela są niekompatybilne?
- 18. idiom szyn dla .present? i jakikolwiek?
- 19. Shoulda vs Remarkable dla rspec i szyn
- 20. szyn: pomocnicy trasa dla zagnieżdżonych zasobów
- 21. szyn: uzyskanie „nowej” drogi dla zagnieżdżonych zasobu
- 22. niezainicjowaną stały problem dla szyn trasach
- 23. Zagnieżdżone atrybuty dla szyn asocjacyjnych belongs_to
- 24. Testowanie domyślnych żądań hostów dla szyn
- 25. Pluralizacja rusztowania szyn jest nieprawidłowa dla "kawiarni"
- 26. Proste i małe, czyste javascript lightbox (nakładka okna dialogowego)?
- 27. Model szyn "before_filter"?
- 28. Zastąp szyn tłumaczenia pomocnika
- 29. Odśwież szyn inicjalizatory
- 30. Lightbox wyświetlający filmy z serwisu Youtube i Vimeo?
mógłbyś rozwinąć jak dodasz JavaSkrypty, stylów i wykorzystanie w pliku .html.erb (Widok) ?? –