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

Rozwijana galeria

0 głosów
91 wizyt
pytanie zadane 13 września w HTML i CSS przez YakumoPL Użytkownik (660 p.)

Witam. Chciałbym zrobić galerię taką, że mam np. 20 zdjęć z czego pokazują się tylko 4 i po kliknięciu w jakiegoś plusa pokazuje się reszta zdjęć. Czy jest to wykonalne? Jeżeli tak, to jak mogę to zrobić? Korzystałem z takiego skryptu ale coś nie działczy jak zwykle u mnie. Dałem te zdjęcia w display: none; a klasę active w display: block;

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#idprzycisku').click(function(){
		$('#idzdjec').toggleClass('active');
})
})
</script>

 Najlepiej by było, gdybym mógł zrobić to tylko w css/html/js bez bootstrapa i innych skomplikowanych programow :D Pozdrawiam

3 odpowiedzi

+1 głos
odpowiedź 13 września przez Grzegorz :> Mądrala (5,430 p.)

1. Usuń linijke z $(document).ready. 

$(document).ready(function(){
    $('#idprzycisku').click(function(){
        $('#idzdjec').toggleClass('active');
})
})

2. Pamiętaj, żeby wstawiać średniki za tymi zamkniętymi otwartymi nawiasami :^)
3. Sprawdź to w takiej formie:

$('#idprzycisku').click(function(){
        $('#idzdjec').toggleClass('active');
});

 

komentarz 16 września przez YakumoPL Użytkownik (660 p.)
Dziękuję bardzo za odpowiedź :)
+1 głos
odpowiedź 14 września przez pablop76 Szeryf (76,840 p.)
Ten kod wydaje się być ok.

Dla porządku w kodzie lepiej  używaj średników na końcach instrukcji.

$(document).ready(); jednak bym zostawił, nie wiadomo gdzie w przyszłości powędruje Twój skrypt. A może już jest w head.

Może coś z resztą nie tak.
komentarz 16 września przez YakumoPL Użytkownik (660 p.)
Dziękuję :)
+1 głos
odpowiedź 14 września przez arces Stary wyjadacz (14,080 p.)
Tutaj masz w javascript to napisane. Do tego nie jest konieczne jQuery.

https://codepen.io/arces92/pen/QVBNpL

P.S.

 

Nie wiem czemu w swoim przykładzie masz toggleClass, jeżeli piszesz o tym, że zdjęcia mają się tylko pojawiać po kliknięciu.
komentarz 16 września przez YakumoPL Użytkownik (660 p.)
Dziękuję :)

Podobne pytania

0 głosów
3 odpowiedzi 77 wizyt
pytanie zadane 11 listopada w HTML i CSS przez YakumoPL Użytkownik (660 p.)
0 głosów
1 odpowiedź 110 wizyt
pytanie zadane 9 maja 2017 w HTML i CSS przez Konrad Polit Początkujący (300 p.)
0 głosów
4 odpowiedzi 111 wizyt
pytanie zadane 27 sierpnia w HTML i CSS przez YakumoPL Użytkownik (660 p.)
Porady nie od parady
Publikując kody źródłowe korzystaj ze specjalnego bloczku koloryzującego składnię (przycisk z napisem code w edytorze). Nie zapomnij o ustawieniu odpowiedniego języka z rozwijanego menu oraz czytelnym formatowaniu kodu.Przycisk code

57,457 zapytań

102,434 odpowiedzi

211,288 komentarzy

29,238 pasjonatów

Przeglądających: 377
Pasjonatów: 22 Gości: 355

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...