*** in webEdition Gallerie lightbox integrieren ***

[blaubarschbube]

Hallo an Alle,

ich habe eine WE-Standard-Gallerie.
Bei Klick öffnet die ja ein neues Fenster wo geblättert werden kann.
Wie kann man hier die Lightbox integrieren?

2. Frage: Kann der Standard-Gallerie bei mouseover eine Art Infokästchen hinzugefügt werden?
In dem steht dann kurz das Bild beschrieben.

Viele hoffnungsvolle Grüße
vom blaubarschbuben

Code: Alles auswählen

<we:listview contenttypes="img" rows="9" searchable="false" order="we_filename" workspaceID="266">
<we:ifFound>

<we:repeat>
<we:field type="img" thumbnail="300x184" hyperlink="true" border="0" style="margin-right: 7px; margin-bottom: 12px;" />
</we:repeat>

<we:else />
Konnte kein Bild finden.
</we:ifFound>
</we:listview>

[mobby]

Moin,
kann das helfen:
http://blog-de.webedition.de/search?q=lightbox

[blaubarschbube]

Danke für den schnellen Tipp
Werde das gleich mal probieren.

Viele Grüße vom
blaubarschbuben

[blaubarschbube]

Moin,
kann das helfen:
http://blog-de.webedition.de/search?q=lightbox

Es hätte mich gewundert, wenn es bei mir gleich beim ersten Mal funktionert hätte.
Jetzt habe ich eine Galerie, die so aussieht wie das erste Beispiel:
http://blog-de.webedition.de/2008/02/bi ... nails.html

Bei Klick wird nur das Bild geöffnet.
Wie in der importierten Version auch.
Was mach ich jetzt wieder falsch?

Habe den Original-Code eingefügt:

Code: Alles auswählen

<we:listview type="document" name="ThumbnailList" order="we_filename" searchable="false" contenttypes="image/*" workspaceID="266">
  <ul id="thumbs">
    <we:repeat>
      <li>
        <a href="<we:field type="img" thumbnail="Fullscreen" only="src"/>" rel="lightbox[Overview]">
          <we:field type="img" thumbnail="ThumbnailList"/>
        </a>
      </li>
    </we:repeat>
  </ul>
</we:listview>

Und auch die CSS übernommen.

Viele Grüße
der blaubarschbube

[mobby]

Deine Seite? Sind die js richtig im Header?

[blaubarschbube]

Links stimmen alle.
Alle JS sind eingebunden.

[blaubarschbube]

Deine Seite? Sind die js richtig im Header?

Hast du das mal herunter geladen und in WE importiert?
Bei mir ist da keine Lightbox. sieht nur aus wie die erste Galerie
mit den vergrößerten Vorschauen.

Viele Grüße
vom bbb mit vielen ???? im Kopf.

[StefanW]

Hallo Blaubarschbube,

du kannst ja mal diese Ligtbox ausprobieren.
http://gettopup.com/
DIe ist wirklich ganz einfach einzubauen.

Viele Grüße,
Stefan

[webimpact]

Danke für den Link!
Toll, dass man damit auch Videos und html Inhalte "inline" aufrufen kann.

Ich hab's in ner webEdition Seite mal mit FancyZoom probiert.
Sieht eigentlich ganz ok aus:
http://www.bad-fuessing.de/index.php?lo ... ertest.php
Und ist auch sehr einfach einzubauen. Allerdings werden die Schatten nicht im IE dargestellt
http://www.cabel.name/2008/02/fancyzoom-10.html

[bolleone]

Hallo,

ich setze dieses Skript hier ein: http://www.phatfusion.net/multibox/

Die meisten fehler bei der Lightbox-Einbindung liegen an fehlerhaften Pfaden in den JS- und CSS-Dateien. Die alle mal checken. Zum Thema "Schatten und Transparenzen": von Haus aus stellen die MS-Browser die nicht dar, das Format PNG wird schlicht nicht unterstützt. Aber auch dafür gibt's einen Workaround: http://www.twinhelix.com/css/iepngfix/

[StefanW]

Um das Ganze mal zu komplettieren.
Hier ist der Link zur Lightbox Clones Matrix.
http://planetozh.com/projects/lightbox-clones/

Grüße,
Stefan

[we:willRockYou]

TopPop ist ja echt nett, danke Stefan. Könnte mal meinen derzeitigen Favoriten FancyBox (nicht FancyZoom, das taugt meiner Meinung nach nicht wirklich ) ersetzen.

Allerdings bietet die FancyBox noch ein par nette Features die ich bei TopPop vermissen würde. Zum einen scheint es keine Easing-Methoden bei den Appear/Switch-Effekten zu geben. Die Animation wirkt auf mich etwas hart und unschön. Zum anderen kann die FancyBox auch versteckte Inline-Elemente nutzen, womit man nette Sachen umsetzen kann: http://www.service-concept.eu/referenzen.html

[StefanW]

Ich persönlich arbeite meisten mit der Shadowbox http://www.shadowbox-js.com/. Bin irgendwann mal dort hängen geblieben
Für den kommerziellen Einsatz kostet die ein paar Dollar.

Grüße,
Stefan

[we:willRockYou]

Kenne ich, auch schon benutzt und ist auch super. Nur die Entscheidung, wenns darum geht ob es etwas kosten darf oder nicht, liegt nie bei mir.

[blaubarschbube]

Hallo Blaubarschbube,

DIe ist wirklich ganz einfach einzubauen.

Viele Grüße,
Stefan

Ganz einfach, sagst du. Muss ich dann nur das hier einsetzen?
Und dann läufts? Ich weiss ich tue mich da schwer, kann abere nicht anders.

Code: Alles auswählen

<we:listview type="document" name="ThumbnailList" order="we_filename" searchable="false" contenttypes="image/*" workspaceID="266">
  <ul id="thumbs">
    <we:repeat>
      <li>
        <a href="<we:field type="img" thumbnail="Fullscreen" only="src"/>"  toptions="effect = clip, layout = quicklook">
          <we:field type="img" thumbnail="ThumbnailList"/>
        </a>
      </li>
    </we:repeat>
  </ul>
</we:listview>

Sooo viele schöne Galerien!
Danke euch dafür.
bbb, der Hoffnungslose