• 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
96 wizyt
pytanie zadane 13 września 2018 w HTML i CSS przez YakumoPL Użytkownik (820 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 2018 przez Grzegorz :> Dyskutant (7,710 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 2018 przez YakumoPL Użytkownik (820 p.)
Dziękuję bardzo za odpowiedź :)
+1 głos
odpowiedź 14 września 2018 przez pablop76 Szeryf (84,110 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 2018 przez YakumoPL Użytkownik (820 p.)
Dziękuję :)
+1 głos
odpowiedź 14 września 2018 przez arces Pasjonat (17,720 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 2018 przez YakumoPL Użytkownik (820 p.)
Dziękuję :)

Podobne pytania

0 głosów
3 odpowiedzi 89 wizyt
pytanie zadane 11 listopada 2018 w HTML i CSS przez YakumoPL Użytkownik (820 p.)
0 głosów
1 odpowiedź 131 wizyt
pytanie zadane 9 maja 2017 w HTML i CSS przez Konrad Polit Początkujący (300 p.)
0 głosów
0 odpowiedzi 29 wizyt
pytanie zadane 10 lutego w HTML i CSS przez GaryNJ Nowicjusz (240 p.)
Porady nie od parady
Zadając pytanie postaraj się o odpowiedni tytuł, kategorię oraz tagi.Tagi

60,273 zapytań

105,971 odpowiedzi

220,187 komentarzy

32,477 pasjonatów

Przeglądających: 240
Pasjonatów: 16 Gości: 224

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.

...