Czy ktoś wie o małej, ograniczonej funkcjonalności lightbox zbudowany z czystym javascript? Dotyczy to widżetu, który można osadzać, dlatego nie używamy jquery. Wszystko, czego naprawdę potrzebuję, to tworzenie nakładki dla konkretnego elementu div lub po prostu przekazanie kodu HTML.Proste i małe, czyste javascript lightbox (nakładka okna dialogowego)?
Odpowiedz
Istnieje świetna lista/porównanie lightboxes here. Możesz szybko skanować, które wymagają biblioteki JS (jQuery, MooTools itp.), A które nie, i możesz również zobaczyć, jakie funkcje obsługują. Jest ich spora część, która nie używa żadnej biblioteki JS, więc powinieneś być w stanie łatwo znaleźć taką, która odpowiada twoim potrzebom.
Oto kilka na początek:
szukałem bardziej z modalnego okna dialogowego lekki, i znalazłem Zebra Okno dialogowe, które używa Jquery.
Zebra jest miłym dodatkiem do naśladowania różnych okien MessageBox (informacje, błędy, ostrzeżenia itp.). –
Jestem obecnie opracowanie światło czuły Lightbox tylko dla zdjęć, bez potrzeby jQuery itp ... i IE8 + support.
Proszę zgłaszać wszelkie błędy lub problemy. Dzięki!
To jest BARDZO ładne! –
Dzięki :) Dodałem także kilka nowych funkcji –
- 1. Proste małe C++ IDE
- 2. Wyłącz lightbox z javascript
- 3. Interfejs Android okna dialogowego uzyskać wewnętrzne widoki okna dialogowego
- 4. Dostosowywanie okna dialogowego poprzez rozszerzenie okna dialogowego lub AlertDialog
- 5. gtk wyświetlanie okna dialogowego z poziomu okna dialogowego
- 6. potwierdzenie przed zamknięciem okna dialogowego
- 7. Sprawdzanie poprawności okna dialogowego
- 8. Pozycjonowanie okna dialogowego jqueryui
- 9. Dostosowywanie okna dialogowego onbeforeunload
- 10. Wpisy utworzone za pomocą okna dialogowego kanału SDK JavaScript są małe i ucięte; nie pasuje do podglądu
- 11. Efekty przejścia okna dialogowego
- 12. Zmień podpis i atrybuty okna dialogowego ShowMessage.
- 13. Wyłączenie (zanikanie i zanikanie) animacja okna dialogowego
- 14. Wysokość okna dialogowego i pionowy pasek przewijania
- 15. Ustaw optymalny rozmiar okna dialogowego zawierającego TableWidget
- 16. JavaScript przechwycony "Ctrl + O" nie otwiera mojego okna dialogowego pliku
- 17. System iOS WKWebView nie wyświetlający okna dialogowego alertu javascript()
- 18. JOptionPane - program okna dialogowego wprowadzania
- 19. Jak ustawić pozycję okna dialogowego?
- 20. r - file.choose() dostosowywanie okna dialogowego
- 21. Dodaj pozytywny przycisk do okna dialogowego
- 22. Jak zbudować CQ.Dialog z okna dialogowego json w javascript?
- 23. Błąd w tle/nakładka widżetu okna dialogowego jQuery z opcją modalną
- 24. Przykład okna dialogowego WPV MVVM
- 25. Jak usunąć marginesy okna dialogowego?
- 26. Dostosowywanie położenia okna dialogowego FB.ui()
- 27. DialogFragment - Uzyskaj szerokość okna dialogowego
- 28. Otwieranie okna dialogowego JQuery Ui w MousePosition
- 29. Jak przejść do okna dialogowego modalnego?
- 30. Sprawdzanie i odznaczanie pól wyboru wewnątrz okna dialogowego Mobile JQuery
Link do iBox jest uszkodzony. Uważam, że powinien to być http://www.enthropia.com/labs/ibox/. – thekingoftruth
Dzięki chłopaki, edytowane. To jest problem z pytaniami o takim charakterze! –