Ken-Burns-Effekt (Schwenken & Vergrößern der Bilder) aktivieren und Autoplay einschalten

Wenn der Ken-Burns-Effekt bei neuen Objekten nicht aktiviert ist, dann hat das mit der definierten Maximalhöhe der Fotos zu tun. Diese ist aktuell noch fix in der betr. Template-Datei hinterlegt und sollte daher dort geändert werden.

Die angepasste Version der Template-Datei wird im Child-Theme-Ordner gespeichert – hier kann übrigens auch die gewünschte Autoplay-Funktion aktiviert werden. Die Vorgehensweise sieht wie folgt aus:

1. Unterordner immonex-kickstart/default/single-property im Child-Theme-Verzeichnis anlegen.

2. Template-Datei wp-content/plugins/immonex-kickstart/skins/default/single-property/gallery.php in den neu angelegten Skin-Ordner kopieren.

3. Wert der Konstante INX_SKIN_MAX_IMAGE_HEIGHT in der kopierten Datei erhöhen (z. B. 1000):

    define( 'INX_SKIN_MAX_IMAGE_HEIGHT', 1000 );

   Copy

4. autoplay: true im Attribut uk-slideshow des DIV-Elements mit der Klasse inx-gallery__image-slide ergänzen:

   <div
     class="inx-gallery__image-slider"
     uk-slideshow="ratio: <?php echo implode( ':', $inx_skin_current_ratio ); ?>; max-height: <?php echo $inx_skin_max_image_height; ?>; animation: <?php echo $inx_skin_animation_type; ?>; finite: true; autoplay: true"
   >

   Copy

Bei Bedarf können auch noch weitere Slider-Parameter hinzugefügt werden (bspw. autoplay-interval: 7000 für die Anzahl der Millisekunden bis zum nächsten automatischen Bildwechsel; alle Optionen in der UIkit-Dokumentation)