Bilder nachladen mit Lazy Load Plugin

[niggie]

Hallo zusammen,

ich würde gerne das jQuery Plugin Lazy Load (http://www.appelsiini.net/projects/lazyload) in webEdition für meine Bilder einsetzen, jetzt ist es aber so, dass Bilder nicht mit

Code: Alles auswählen

<img src="image.jpg">

angelegt werden müssen sondern mit

Code: Alles auswählen

<img data-original=image.jpg" >

hat jemand damit schon Erfahrung in webEdition gemacht und kann mir sagen ob man das irgendwie umsetzen kann?

LG Niggie

[EarlofArgyle]

Hi,

fürs Frontend ist das eigentlich relativ simpel. Du baust dir dein <img> Tag einfach von Hand zusammen. Also etwa so in der Art:

Code: Alles auswählen

<img src="pfad/zum/platzhalter.jpg" data-original="<we:img name="meinbild" only="src" />" alt="<we:img name="meinbild" only="alt" />" />

Muss natürlich nicht mit dem we:img gemacht werden. Kann auch ein we:field oder ähnliches sein.

Gruß David

[ThomasGoebe]

Hallo Niggie,

ergänzend dazu kannst Du mit we:ifEditmode dann steuern, ob Du im editmode bist oder nicht. Also:

Code: Alles auswählen

<we:ifEditmode>
  <we:img name="meinbild" />
<we:else />
  <img src="pfad/zum/platzhalter.jpg" data-original="<we:img name="meinbild" only="src" />" alt="<we:img name="meinbild" only="alt" />" />
</we:ifEditmode>

[blickfang]

dazu würde sich evtl. auch customTag anbieten, an den Du nur die Bild-Id übergibst und der Rest dann im customTag zusammengebaut wird

[niggie]

super! vielen Dank für die Tipps, habe es wie ThomasGoebe beschrieben hat umgesetzt und es funktioniert 1A