• 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
100 wizyt
pytanie zadane 13 września 2018 w HTML i CSS przez YakumoPL Użytkownik (840 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 (8,010 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 (840 p.)
Dziękuję bardzo za odpowiedź :)
+1 głos
odpowiedź 14 września 2018 przez pablop76 Szeryf (89,270 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 (840 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 (840 p.)
Dziękuję :)

Podobne pytania

0 głosów
3 odpowiedzi 104 wizyt
pytanie zadane 11 listopada 2018 w HTML i CSS przez YakumoPL Użytkownik (840 p.)
0 głosów
1 odpowiedź 143 wizyt
pytanie zadane 9 maja 2017 w HTML i CSS przez Konrad Polit Początkujący (300 p.)
0 głosów
0 odpowiedzi 44 wizyt
pytanie zadane 10 lutego w HTML i CSS przez GaryNJ Nowicjusz (240 p.)
Porady nie od parady
Komentarze do pytań nie służą do odpowiadania, od tego jest wydzielona sekcja odpowiedzi. Funkcją komentarzy jest natomiast możliwość uzyskania dodatkowych informacji na temat samego posta.Komentarze

62,435 zapytań

108,580 odpowiedzi

226,678 komentarzy

35,910 pasjonatów

Przeglądających: 182
Pasjonatów: 21 Gości: 161

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.

...