Galerie/Slideshow auf breite des Browserfensters erweitern
Author: Jürgen S.
Visited 1561,
Followers 1,
Shared 0
Hallo Zusammen,
in dem folgenden Link seht Ihr eine Internetseite, in der eine Galerie bzw. eine klassiche Slideshow läuft die, auf die Größe des Browerfenster angepasst ist.
http://www.das-steakhaus-altwied.de/
Kann mir jemand sagen wie das mit Website X5 Pro 13 geht?
Danke!
Gruß
Jürgen
Posted on the
Guten Tag,
Zurzeit ist es nicht möglich diese Funktion in WebSite automatisch zu haben. Ich würde Ihnen Vorschlagen einen „Idea“ Post aufzumachen, wo Sie uns beschreiben, was Sie in den zukünftigen Aktualisierungen von WebSite X5 haben möchten.
Vielen Dank!
Mit den Bordmitteln von Website ist es - wie Claudio schon geschrieben hat - nicht möglich.
Jedoch durch einen kleinen Umweg und mit Hilfe von iframe kann man einen Slider ohne Probleme einbauen.
Hierzu am besten diesen link durchlesen: https://helpcenter.websitex5.com/en/post/157177
Willst du die DEMO Seite nachbauen? ODer nur die Slideshow in deine Seite einbauen?
Author
Hallo Andreas,
ich möchte auf meiner Internetseite verscheidene Demo-Seiten präsentieren, damit der Kunde sieht was möglich ist. Dafür wäre die Möglichkeit eine Slideshow im Hintergrund laufen zu lassen super.
Gruß
Jürgen
Author
Hallo Leute,
also das mit dem iframe ist für mich, da ich kein Webdesigner bin, viel zu umständlich bzw. kompliziert. Wäre super, wenn es ins Programm eingefügt werden würde, dmait Leute wie ich sowas auch nutzen können.
Vielen Dank im Voraus!
Gruß
Jürgen
Also mit iFrame ist es doch nicht kompliziert? Ist doch unter dem link genau beschrieben
https://helpcenter.websitex5.com/en/post/157177
Gib unter "Sitemap" -> z.b. "Startseite" -> Eigenschaften -> "Erweitert" -> vor dem </head> Tag diese Script ein
1920 ist die Bildbreite und 800 die Bildhöhe (kannst Du anpassen):
<style> #div_iframe {position:absolute;top:100px;width:100%; z-index:1} </style>
<script>function h_iframeK(){var ww =1920; // larghezza immagini;
var hh =800; // altezza immagini;
var wdiviframe = document.getElementById('div_iframe').offsetWidth;
var hiframe=Math.round(wdiviframe*hh/ww);
document.getElementById('iframek').style.height=hiframe +"px";
document.getElementById('imHeader').style.height=hiframe +"px";}
window.onload = function () {h_iframeK();}
window.onresize = function () {h_iframeK();}</script>
Gib unter "Sitemap" -> z.b. "Startseite" -> Eigenschaften -> "Erweitert" -> nach dem <body> Tag diese Script ein
"80" ist der Abstand von Oberkante Slider zur Oberkante Homepage (kannst Du ändern):
<div id="div_iframe"><iframe id="iframek" name="iframek" width="100%" height="80" src="wowslider.html" scrolling="no" frameborder="no"></iframe></div>
Unter http://wowslider.com/de/ kannst Du dir die kostenlose Version vom WOWSLIDER laden und per drag and drop Bilder reinziehen, Übergänge und Beschreibungen ändern. Nach dem dein Projekt fertig ist, dieses dann unter dem Punkt "Veröffentlichen" den Speicheort festlegen und abspeichern - Fertig.
Wenn Du deine Homepage auf deiner Festplatte zur Ansicht gespeichert hast mußt Du in diesem Ordner die wowslider.html Datei, die engine1 Datei sowie die data1 Datei in diesen Ordner in der Homepage ablegen, damit sie gefunden wird.
Unter diesem link habe ich eine Testseite mit dem Wowslider erstellt
www.firma-hofer.de/test