• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak zrobić taki obraz który po kliknięciu wyświetla sie na całą dostepną przestrzeń?

0 głosów
511 wizyt
pytanie zadane 1 grudnia 2020 w HTML i CSS przez Igorek Mądrala (6,290 p.)
Jak zrobić taki obraz który po kliknięciu wyświetla sie na całą dostepną przestrzeń?

troche jak na messengerze po kliknięciu obrazu (bynajmniej na web app)

Bo zacząłem robić prosty sklep - i tam  jest zdjęcie produktu

I chciałbym że jak ktoś klinie na to zdjecie (lub na jedzie tym sie bede bawił) - obraz ten sie powiekszy (width: 100%)

Tylko własnie taki width: 100% nie działa bo używam bootstrapa i to nic nie zmienia.

Więc jak ktoś ma pomysł jak to zrobić to prosze pomoc (jak coś używam jquery wiec jeśli tam jest prościej to moze być)

2 odpowiedzi

0 głosów
odpowiedź 1 grudnia 2020 przez lapa19904 Stary wyjadacz (11,640 p.)
Jak używasz jQuery to najlepiej rozwiązać to gotową biblioteką lightbox albo fancybox.

https://lokeshdhakar.com/projects/lightbox2/

http://fancybox.net/

Użyjesz biblioteki czy chcesz pisać to samodzielnie?
komentarz 1 grudnia 2020 przez Igorek Mądrala (6,290 p.)
po czytam o bibliotekach ale jak masz to możesz podlinkować jak zrobić ręcznie :P
0 głosów
odpowiedź 1 grudnia 2020 przez Pooki Obywatel (1,500 p.)

Jeśli chodzi ci o coś takiego to znalazłem taki projekt na githubie a tutaj masz do niego całą dokumentacje, ale w języku angielskim.

Pozdrawiam,
Pooki

Podobne pytania

0 głosów
2 odpowiedzi 1,037 wizyt
pytanie zadane 30 czerwca 2020 w HTML i CSS przez asdsad Początkujący (420 p.)
0 głosów
1 odpowiedź 592 wizyt
0 głosów
1 odpowiedź 269 wizyt
pytanie zadane 6 kwietnia 2020 w HTML i CSS przez terianmt2 Nowicjusz (230 p.)

93,735 zapytań

142,671 odpowiedzi

323,294 komentarzy

63,297 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Twierdza Linux. Bezpieczeństwo dla dociekliwych

Aby uzyskać rabat -10%, użyjcie kodu pasja-linux, wpisując go w specjalne pole w koszyku.

...