Christian Seiler: Bildergallerie erstellen

Beitrag lesen

Hallo Memphis01,

In dieser Gallerie soll ich 143 bilder unterbringen.

Ich möchte aber keine 143 <a>...</a> setzen sonder würde da gern in einer schleife machen

+-------------+-------------+-------------+-------------+
| bild[1].gif | bild[2].gif | bild[3].gif | bild[4].gif |
+-------------+-------------+-------------+-------------+
| bild[5].gif | bild[6].gif | bild[7].gif | bild[8].gif |
+-------------+-------------+-------------+-------------+

Die Schleife kannst Du in JavaScript mit for realisieren: http://selfhtml.teamone.de/javascript/sprache/schleifen.htm#for Du beginnst bei 0 zu zählen und stellst die Bedingung, dass die Zahl kleiner als 143 ist. Du gibst dann jeweils eine Tabellenzelle mit dem Bild n+1 (wobei n hier Deine Zählervariable sei) aus. Falls die Zählervariable durch 4 Teilbar ist (also der Rest der Division durch 4 Null ergibt) und die Zahl selbst nicht Null ist, fängst Du vorher außerdem noch eine neue Tabellenzeile an. Für den Rest der Division hilft Dir der Modulo-Operator: http://selfhtml.teamone.de/javascript/sprache/operatoren.htm#berechnung

Ausgeben kannst Du den Quelltext direkt per document.write: http://selfhtml.teamone.de/javascript/objekte/document.htm#write

ausserdem kommt später als zusatz, das wenn ich auf die bilder klicke sie in einem popup geöffnet werden sollen.

Du kannst mit http://selfhtml.teamone.de/javascript/objekte/window.htm#open ein Fenster öffnen, zu Popups lies bitte noch http://home.t-online.de/home/dj5nu/js-popup.html

Alle Bilder haben die selbe höhe und breite.

Das vereinfacht die Sache natürlich enorm, dann kannst Du immer die gleichen height- und width-Attribute ausgeben.

Viele Grüße,
Christian

PS: Lies bitte </faq/#Q-05a> und </faq/#Q-05c>

0 43

DRINGEND

Memphis01
  • javascript
  1. 0
    Elessar
  2. 0
    Alexander
  3. 0

    Schüler will Hausaufgaben gemacht bekommen

    MudGuard
    • menschelei
    1. 0
      Memphis01
      1. 0
        Elessar
        1. 0
          Memphis01
          1. 0
            Elessar
            1. 0
              Memphis01
              1. 0
                Thierry Sassi
              2. 0
                Elessar
              3. 0

                Wo kommen wir denn da hin?

                Fabian Transchel
                1. 0
                  mdkiller
          2. 0
            Pöt
            1. 0
              Memphis01
      2. 0
        Alexander
      3. 0
        Christoph Schnauß
        1. 0
          wahsaga
          1. 0
            Christoph Schnauß
            1. 0
              wahsaga
              1. 0
                Christoph Schnauß
                1. 0
                  Linksetzer
                2. 0
                  wahsaga
        2. 0
          HTMLton
  4. 0
    Dilbert
    1. 0
      Memphis01
  5. 0

    Bildergallerie erstellen

    Christian Seiler
    1. 0
      Memphis01
      1. 0
        Christian Seiler
        1. 0

          Sorry Christian

          Memphis01
          1. 0
            Christian Seiler
          2. 0

            Anfängerkurs "Meine Seite versteht mich nicht?" Lektion 3

            Antje Hofmann
            1. 0
              Orlando
            2. 0
              Thoralf Knuth
            3. 0
              Christoph Schnauß
              1. 0
                Antje Hofmann
                1. 0
                  Christoph Schnauß
            4. 0

              "Warum tut sie nicht, was ich nie gesagt habe ?"

              rainer groth
              • programmiertechnik
              1. 0
                Antje Hofmann
  6. 0
    Pöt
  7. 0

    Scriptgesteuerte Generierung einer Bildübersicht

    Johannes Zeller
    • programmiertechnik
    1. 0
      Stefan Bach
      1. 0
        Johannes Zeller