Gunnar Bittersmann: Bild nachladen

Beitrag lesen

@@Jürgen

(wie) ist es möglich beim Überfahren eines kleinen Bildes die dazugehörige speicherfressende Großversion des Bildes anzuzeigen, aber so, dass das große Bild erst nach dem Aufruf geladen wird?

Was ist das für eine user experience, wenn beim Überfahren nichts passiert, sondern erst Sekunden später?

Der richtige Zeitpunkt, das große Bild zu laden, wäre vielleicht eher nach dem Rendern der Seite, ohne das dieses dadurch blockiert würde – aber bevor der Nutzer über das Vorschaubild fährt.

Wobei „groß“ nicht groß sein sollte, sondern fürs Web optimiert. Am besten responsive images, also verschiedene Bilddateien für verschiedene Viewportgrößen und Displayauflösungen.

Und geht dies mit CSS und ohne Javascript?

Ja, sollte gehen. Müsste aber auch erst nachlesen, welches Element dazu display: none verpasst bekommen müsste. IIRC nicht das img, sondern ein Vorfahrenelement.

Nachtrag: Ich glaube, Jake Archibald hatte dazu mal was geschrieben.

LLAP

--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
0 47

Bild nachladen

Jürgen
  • css
  1. 0
    Gunnar Bittersmann
    1. 0
      Jürgen
      1. 0
        Gunnar Bittersmann
        1. 1
          1unitedpower
          1. 0
            Gunnar Bittersmann
            1. 0
              1unitedpower
              1. 0
                Gunnar Bittersmann
                1. 0
                  1unitedpower
                  1. 0
                    Gunnar Bittersmann
                    1. 2
                      1unitedpower
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          1unitedpower
                          1. 0
                            Jürgen
    2. 1
      suit
      • css
      • html
      • javascript
      1. -1
        1unitedpower
        1. 4
          suit
          1. 0
            robertroth
            1. 0
              suit
              1. 0
                robertroth
                1. 0
                  suit
                  1. 2
                    Gunnar Bittersmann
                    1. 1
                      suit
            2. 1
              Gunnar Bittersmann
              1. 0
                robertroth
                1. 0
                  1unitedpower
          2. 0
            1unitedpower
            1. 1
              suit
        2. 0
          robertroth
          • html
          • internet-anbindung
          • javascript
          1. 0
            1unitedpower
            1. 0
              Tabellenkalk
              • community
            2. 2
              Camping_RIDER
              1. 1
                1unitedpower
        3. 1
          Auge
          • browser
          • meinung
          1. 1
            Der Martin
            • meinung
            • provider
            1. 0
              Auge
          2. 0
            1unitedpower
            1. 1
              Auge
              1. 0
                1unitedpower
                1. 0
                  Auge
                  1. 0
                    1unitedpower
                    1. 0
                      Auge
                      1. 0
                        1unitedpower
            2. 1
              Gunnar Bittersmann
              1. 0
                1unitedpower
        4. 0
          Gunnar Bittersmann
          1. 0
            1unitedpower