Slideshow2 Großansichten mit Lightbox - Versionsgeschichte

Andreas: Hinweis auf HTML5-Ausgabe

2012-09-03T21:02:05Z

Hinweis auf HTML5-Ausgabe

2012-09-03T20:55:55Z

‎Fertiges Template

2012-09-03T20:52:52Z

‎Javascript

2012-09-03T20:52:28Z

‎Javascript

2012-04-27T12:45:20Z

‎Fertiges Template

2012-04-27T12:44:39Z

‎Javascript

2012-04-23T20:48:33Z

‎Fertiges Template

2012-04-23T20:42:19Z

‎Kurz

2012-04-23T20:38:33Z

‎Sonstiges

2012-04-23T20:35:55Z

‎Sonstiges

@@ Zeile 15: / Zeile 15: @@
 ==Umsetzung==
 ===Kurz===
 Im Template wird ein Array mit den Pfaden zu den Bildern erzeugt. Es wird ein Javascript-Code generiert, welcher die gewünschten A-Elemente erzeugt und oberhalb der Slideshow unsichtbar einsetzt.

@@ Zeile 125: / Zeile 125: @@
    });
-   linkWrap_<?php echo $this->id; ?> = new Element('div', {
+   var linkWrap_<?php echo $this->id; ?> = new Element('div', {
-     'class': 'linkWrapper',
+     'class': 'linkWrapper', // 'class' needs to stand in quotes for IE7 & 8
      styles: {
          display: 'none'
@@ Zeile 134: / Zeile 134: @@
    linkWrap_<?php echo $this->id; ?>.inject('show_<?php echo $this->id; ?>', 'before');
-   hiddenLink_<?php echo $this->id; ?> = new Element('a', {
+   var hiddenLink_<?php echo $this->id; ?> = new Element('a', {
      rel: 'lightbox[g_<?php echo $this->id; ?>]'
    });

@@ Zeile 41: / Zeile 41: @@
 <source lang="javascript">
 var linkWrap_<?php echo $this->id; ?> = new Element('div', {
-   'class': 'linkWrapper', // 'class' needs to stand in quots for IE7 & 8
+   'class': 'linkWrapper', // 'class' needs to stand in quotes for IE7 & 8
    styles: {
        display: 'none'

@@ Zeile 40: / Zeile 40: @@
 '''Zuerst wird ein Wrapper erzeugt, damit man nicht alle A-Elemente einzeln auf display:none; setzen muss.'''
 <source lang="javascript">
-linkWrap_<?php echo $this->id; ?> = new Element('div', {
+var linkWrap_<?php echo $this->id; ?> = new Element('div', {
-   'class': 'linkWrapper',
+   'class': 'linkWrapper', // 'class' needs to stand in quots for IE7 & 8
    styles: {
        display: 'none'
@@ Zeile 55: / Zeile 55: @@
 '''Ein A-Element wird erzeugt'''
 <source lang="javascript">
-hiddenLink_<?php echo $this->id; ?> = new Element('a', {
+var hiddenLink_<?php echo $this->id; ?> = new Element('a', {
    rel: 'lightbox[g_<?php echo $this->id; ?>]'
 });

@@ Zeile 126: / Zeile 126: @@
    linkWrap_<?php echo $this->id; ?> = new Element('div', {
-     class: 'linkWrapper',
+     'class': 'linkWrapper',
      styles: {
          display: 'none'

@@ Zeile 104: / Zeile 104: @@
 /* <![CDATA[ */
-window.addEvent('domready',function()
+window.addEvent('domready', function()
+{

@@ Zeile 78: / Zeile 78: @@
 ==Sonstiges==
-Die Lightbox erkennt doppelt vorhandene A-Elemente mit gleichem HREF und bietet jeweils nur eines davon in der Galeriefunktion an. Aus diesem Grund ist es wichtig die unsichtbaren A-Elemente '''oberhalb''' der Slideshow zu positionieren, damit die Reihenfolge der Galeriebilder die gewünschte ist.
+Die Lightbox erkennt doppelt vorhandene A-Elemente mit gleichem HREF und bietet jeweils nur eines davon in der Galeriefunktion an. Das ist gut, da das endgültige HTML-Markup wahrscheinlich einige doppelte A-Elemente enthalten wird.  Aus diesem Grund ist es allerdings wichtig die unsichtbaren A-Elemente '''oberhalb''' der Slideshow zu positionieren, damit die Reihenfolge der Galeriebilder die erwünschte ist.
 Im Template wird mehrfach '''$this->id''' herangezogen um mehrere Slideshows auf einer Seite voneinander getrennt zu halten. (Getestet mit 2 Slideshows in einem Artikel, eine mit und eine ohne Thumbnails)

@@ Zeile 80: / Zeile 80: @@
 Die Lightbox erkennt doppelt vorhandene A-Elemente mit gleichem HREF und bietet jeweils nur eines davon in der Galeriefunktion an. Aus diesem Grund ist es wichtig die unsichtbaren A-Elemente '''oberhalb''' der Slideshow zu positionieren, damit die Reihenfolge der Galeriebilder die gewünschte ist.
-Im Template wird mehrfach '''$this->id''' herangezogen um mehrere Slideshows auf einer Seite voneinander getrennt zu halten. {{Hinweis|Das Template wurde allerdings noch nicht mit mehreren Slideshows auf einer Seite getestet. Bei erfolgreichem Test kann dieser Hinweis gerne entfernt werden.}}
+Im Template wird mehrfach '''$this->id''' herangezogen um mehrere Slideshows auf einer Seite voneinander getrennt zu halten. (Getestet mit 2 Slideshows in einem Artikel, eine mit und eine ohne Thumbnails)
 ==Fertiges Template==