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

Rozwijana galeria

Konferencja JOIN! 2018
0 głosów
83 wizyt
pytanie zadane 13 września w HTML i CSS przez YakumoPL Początkujący (280 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 :> Gaduła (3,030 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 Początkujący (280 p.)
Dziękuję bardzo za odpowiedź :)
+1 głos
odpowiedź 14 września przez pablop76 Maniak (70,940 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 Początkujący (280 p.)
Dziękuję :)
+1 głos
odpowiedź 14 września przez arces Dyskutant (9,560 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 Początkujący (280 p.)
Dziękuję :)

Podobne pytania

0 głosów
1 odpowiedź 89 wizyt
pytanie zadane 9 maja 2017 w HTML i CSS przez Konrad Polit Początkujący (300 p.)
0 głosów
4 odpowiedzi 103 wizyt
pytanie zadane 27 sierpnia w HTML i CSS przez YakumoPL Początkujący (280 p.)
0 głosów
1 odpowiedź 108 wizyt
pytanie zadane 6 lutego 2017 w Systemy CMS przez Adecristo Początkujący (470 p.)
Porady nie od parady
Wynikowy wygląd pytania, odpowiedzi czy komentarza, różni się od tego zaprezentowanego w edytorze postów. Stosuj więc funkcję Podgląd posta znajdującą się pod edytorem, aby upewnić się, czy na pewno ostateczny rezultat ci odpowiada.Podgląd posta

55,139 zapytań

99,357 odpowiedzi

204,343 komentarzy

27,138 pasjonatów

Przeglądających: 381
Pasjonatów: 34 Gości: 347

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.

...