Jak dynamicznie pobierać dane i wyświetlać po kliknięciu obrazka w Python (Pycharm)?

pytanie zadane 27 kwietnia 2020 w HTML i CSS przez Kubs Mądrala (5,190 p.)

Witajcie,

mając te dwa obrazki chcę żeby po naciśnięciu pojawiała się informacja o nich. Jak to zrobić używając dynamicznie ładowanych danych z SQLite + Python? Czy to pobieranie ma odbywać się za pomocą 'klucza' z listy? Używam programu Pycharm.

Zupełnie nie wiem jak to zrobić.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
</head>
<body>

<h1 class="text-center">Test</h1>

<table>
  <tbody>
    <tr>
      <td>
        <a href="#"><img src="http://placehold.it/300/f1b702/fff&text=image 1" alt=" picture 1" ></a>
      </td>
      <td>

        <a href="#"><img  src=" http://placehold.it/300/d2f1b2/222&text=image 2" alt=" picture 2" ></a>
      </td>
    
</body>

1 odpowiedź

odpowiedź 28 kwietnia 2020 przez DawidK Nałogowiec (37,910 p.)

Co konkretnie chcesz osiągnąć? W sensie co oznacza "pojawiała się informacja o nich"?

komentarz 28 kwietnia 2020 przez Kubs Mądrala (5,190 p.)

Po naciśnięciu na zdjęcie pojawia się w osobnym okienku nad tym zdjęciem informacja o tym zdjęciu. To okienko ma mieć też ikonę x do zamknięcia.

komentarz 28 kwietnia 2020 przez DawidK Nałogowiec (37,910 p.)

Bardziej chodziło mi o to co to za informacja, rozmiar? rozszerzenie?

komentarz 28 kwietnia 2020 przez Kubs Mądrala (5,190 p.)

Opis zdjęcia - kilkanaście linijek. Rozmiar trochę większy niż to zdjęcie. Okienko z możliwością zoomu.

Będzie to rząd zdjęć na szerokość strony i kilka takich rzędów pod spodem. W razie czego rozmiar tych okienek sobie jakoś zmodyfikuje i dopasuje do całości.

komentarz 28 kwietnia 2020 przez DawidK Nałogowiec (37,910 p.)

Pierwszy pomysł, który przychodzi mi do głowy jeżeli chcesz to zrobić w python+SQLite to, utworzenie projektu w django, utworzenie modeli dla zdjęć zawierające np id, zdjęcie i opis. Póżniej zapakowanie wszystkich obiektów zdjęć jako zmienną i przekazanie ich do view. Nastepnie za pomocą pętli wyświetlenie ich w template. W template to już raczej JS czyli jakaś funkcja przyjmująca za argumenty tekst konkretnego zdjęcia + zdjęcie i odpalająca modal. Zoom też raczej w JS albo jakiś prostrzy to css (scale) na hover.