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

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

Object Storage Arubacloud
+1 głos
548 wizyt
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ź

+1 głos
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.
1
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.
1
komentarz 28 kwietnia 2020 przez Kubs Mądrala (5,190 p.)
Dzięki serdeczne. Uff, to kosmos. Nie dosięgnę tak wysoko :) Za mało wiedzy.
komentarz 29 kwietnia 2020 przez Kubs Mądrala (5,190 p.)

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

Podobne pytania

0 głosów
1 odpowiedź 817 wizyt
pytanie zadane 9 czerwca 2018 w Python przez aram100 Użytkownik (500 p.)
0 głosów
0 odpowiedzi 414 wizyt
pytanie zadane 8 maja 2020 w C i C++ przez viGor Użytkownik (740 p.)
0 głosów
0 odpowiedzi 393 wizyt

92,655 zapytań

141,546 odpowiedzi

319,984 komentarzy

62,024 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...