WBCE CMS – Way Better Content Editing.
Du bist nicht angemeldet.
Seiten: 1
Hallo und guten Morgen,
ist es möglich in das Temaplate "caminar-wbce" einen Backgroundslider einzubauen? Falls ja welchen sollte ich da am besten nehmen?
Danke für die Hilfe :-)
Offline
Ja, ist möglich. Du brauchst einfach nur in der /templates/caminar-wbce/assets/css/main.css die Zeilen 2426ff
background-image: url(../../images/bg.jpg);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
zu entfernen.
Wenn auf den Seiten jeweils unterschiedliche Bilder durchsliden sollen, das Modul Background Slider installieren und jeweils einen Abschnitt "Background Slider" anlegen und dort die Bilder hochladen.
Wenn auf allen Seiten dieselben Bilder erscheinen sollen, ist es sinnvoller, das im Template zu verdrahten. Eine Möglichkeit (es gibt gewiss noch bessere/andere) ist:
1) jquery Backstretch runterladen.
2) Das Script jquery.backstretch.min.js nach /templates/caminar-wbce/assets/js kopieren.
3) Die anzuzeigenden Bilder nach /templates/caminar-wbce/images kopieren.
4) Im Template vor dem schließenden </body>-Tag einfügen:
<script type="text/javascript" src="<?php echo TEMPLATE_DIR; ?>/assets/js/jquery.backstretch.min.js"></script>
<script>
$.backstretch([
"<?php echo TEMPLATE_DIR; ?>/images/bild01.jpg"
, "<?php echo TEMPLATE_DIR; ?>/images/bild02.jpg"
, "<?php echo TEMPLATE_DIR; ?>/images/bild03.jpg"
], {duration: 3000, fade: 750});
</script>
Aus obigem Codebeispiel müssen dann bild01.jpg, bild02.jpg, bild03.jpg natürlich entsprechend der tatsächlichen Namen der Bilder angepasst werden. Weitere Bilder analog ergänzen.
Beitrag geändert von florian (29.04.2021 08:53:04)
Code allein macht nicht glücklich. Jetzt spenden!
Offline
Hallo Florian,
das ging rasend schnell.
Herzlichen Dank.
Gruß
Roman
Offline
Seiten: 1