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

Question

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>

 

Answer 1

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

Comments

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. 

 

---

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

---

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.

---

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.

---

Dzięki serdeczne. Uff, to kosmos. Nie dosięgnę tak wysoko :) Za mało wiedzy.

---

@DawidK, A mógłbyś chociaż jakiś jeden przykład podać? Wg niego bym sobie kombinował dalej.