Fotoalbum med Prev Next med html css

C, C++, Pascal, Assembly, Raspberry, Java, Matlab, Python, BASIC, SQL, PHP, etc.
Användarvisningsbild
Oltronix
Inlägg: 525
Blev medlem: 10 december 2011, 21:24:38
Ort: Nynäs

Fotoalbum med Prev Next med html css

Inlägg av Oltronix »

Jag har fotoalbum i html och CSS. Jag bygger ihop albumet med en snutt pythonkod. Jag bygger albummnet med en lista av filnamn.

ex lista med filnamn:
  • 50-4-001.jpg
    50-4-002-2.png
    50-4-002.jpg
    50-4-005.jpg
    AL1.jpg
    AL2.jpg
    AL3-1.jpg
    AL3-2.jpg
Jag vill använda min lista av filnamn för att hitta nästa och tidigare bild när jag tittar på en bild

Vill skapa nått som Linux Image Writer eller som Grub manualen har.
Eller https://lavendla.se/minnessidor/bertil- ... 026-01-01/Se tex underrubrik Hanna eller Paul.
Dock hittar jag inte koden för att växla bland bilderna. Sidan jätte-stor med massa <style>info. Jag tror inte heller att koden finns på sidan index.html

Del av mitt fotoalbum, 2 bilder:

Kod: Markera allt

...
<div class="col-sm-8 col-md-2">
      <div class="box">
      <figure class="album-photoxxx">
        <a href="./bilder/AL3-2.jpg">      
          <img src="./bilder/AL3-2.jpg" alt="Lights" style="width:100%">
          <figcaption>Kort_t_ED</figcaption>			
        </figure>
        </a>
      </div>
    </div>
<div class="col-sm-8 col-md-2">
      <div class="box">
      <figure class="album-photoxxx">
        <a href="./bilder/dill1_5.jpg">       
          <img src="./bilder/dill1_5.jpg" alt="Lights" style="width:100%">
          <figcaption>Jack Gurli Margareta</figcaption>			
        </figure>
        </a>
      </div>
    </div>
    ...