Js zmiana atrybutu

Question

Witam. Chciałbym zrobić aby do obrazków na stronie które mają "height" wiekszy niz np 400dodawane było w nich pole "Pokaż całość" i ucinało je do powiedzmy height 400. Przy obrazkach które mają height mniejszy ma się nic nie dodawać. Takie coś występuje na różnych stronach typu kwejk jeżeli obrazek jest zbyt długi. I tutaj moje pytanie jak takie coś można zrobić? Pierw chciałem iterować wszystkie obrazki, sprawdzać czy mają height jezeli tak to dodawac button, a po kliknięciu pokazywać cały obrazek ale jak javascriptowi przekazać który obrazek odpowiada któremu przyciskowi itd.  (Staram się nie uzywac jquery)

Answer 1

cyt: jak javascriptowi przekazać który obrazek odpowiada któremu przyciskowi itd. -

na przykład przez data-attribute .https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

Wydaje mi się, że można by takiego ficzera zrobić w samym CSS.

Comments

W css przy akcji kliknięcia musiałbym użyć jakiegoś zmodyfikowanego checkboxa

Answer 2

A kiedy dokładnie ten kod JS miałby by być odpalany?

Comments

Przy kliknieciu w przycisk. Tak jak jest na stronach typu kwejk.

---

No to jeżeli masz te obrazki ustawione na sztywno, czyli cały czas na stronie są te same obrazki to sam ręcznie wstawiasz odpowiedni kod dla tych za dużych i odpowiedni kod dla tych mieszczących się w limicie i tylko po kliknięciu zmień wysokość pojemnika tak żeby się rozwijał.

No a jeżeli masz dynamicznie dodawane obrazki np. ktoś wysyła codziennie nowe albo zmienia i np. chcesz wyświetlać całą zawartość folderu albo korzystać z bazy danych to trzeba by napisać skrypt po stronie serwera np. w PHP, który będzie generował odpowiedni kod html w zależności od rozmiaru obrazka. Kod JS'a tylko do rozwinięcia obrazka.

Bynajmniej ja bym tak to widział, jeżeli coś pomyliłem to proszę mnie poprawić.

---

Aha no i bez jquery to tak na szybko co znalazłem : event.target.id