Contao Banner, Bilder sollen automatisch wechseln

[Jogi42]

Hallo zusammen,
habe das Modul "Banner" installiert. Nun wechselt die Grafik ja nur nach klick. Kann man die Grafiken auch automatisch wechseln lassen.

LG Jörg

[Samson1964]

Das ist mein angepaßtes mod_banner_list-Template. Ich verwende dazu das JQuery-Plugin responsiveslides.js wie Du an den ersten Codezeilen sehen kannst:

<!-- indexer::stop -->
<script src="assets/jquery/slides/responsiveslides.js"></script>
<link rel="stylesheet" href="assets/jquery/slides/responsiveslides.css">
<script>
(function($) {
    $(document).ready(function() {

      // Slideshow 1
      $("#werbungslider").responsiveSlides({
        auto: true,
        pause: true,
        nav: false,
        pager: false,
        speed: 400
      });
    }); 
})(jQuery);
</script>
<section class="<?php echo $this->class; ?>"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<div class="rslides" id="werbungslider">
<?php foreach ($this->banners as $banner): ?>
<?php if ($banner['banner_pic']) : ?>
    <div class="banner_image" id="banner_<?php echo $banner['banner_id']; ?>" title="<?php echo $banner['banner_name']; ?>">
        <?php if ($banner['banner_url']): ?><a href="system/modules/banner/public/conban_clicks.php?<?php echo $banner['banner_key'].$banner['banner_id']; ?>" <?php echo $banner['banner_target']; ?> title="<?php echo $banner['banner_comment']; ?>" ><?php endif; ?><img src="<?php echo $banner['src']; ?>" <?php echo $banner['size']; ?> title="<?php echo $banner['banner_comment']; ?>" alt="<?php echo $banner['alt']; ?>"><?php if ($banner['banner_url']): ?></a><?php endif; ?>
    </div>
<?php endif; ?>
<?php if ($banner['banner_flash']) : ?>
    <div class="banner_flash block" style="height:<?php echo $banner['swf_height']; ?>px; width:<?php echo $banner['swf_width']; ?>px;">
        <?php if ($banner['banner_url']): ?><a href="system/modules/banner/public/conban_clicks.php?<?php echo $banner['banner_key'].$banner['banner_id']; ?>" <?php echo $banner['banner_target']; ?> title="<?php echo $banner['banner_comment']; ?>" ><?php endif; ?>
        <span id="swf_<?php echo $banner['swf_id']; ?>">
            <?php echo $banner['fallback_content']; ?>
        </span>
        <img src="system/modules/banner/assets/leer.gif" alt="" style="position:relative; margin-top:<?php echo "-".$banner['swf_height']; ?>px; left:0; z-index: 10; width:<?php echo $banner['swf_width']; ?>px; height:<?php echo $banner['swf_height']; ?>px;">
        <?php if ($banner['banner_url']): ?></a><?php endif; ?>
    </div>
    <script type="text/javascript">
    /* <![CDATA[ */ 
    if(Browser.Plugins.Flash.version > 6) {
        new Swiff("<?php echo $banner['swf_src']; ?>", {
          id: "swf_<?php echo $banner['swf_id']; ?>",
          width: <?php echo $banner['swf_width']; ?>,
          height: <?php echo $banner['swf_height']; ?>,
          params : {
          allowfullscreen: "false",
          wMode: "transparent",
          flashvars: ""
          }
        }).replaces($("swf_<?php echo $banner['swf_id']; ?>"));
    }
    /* ]]> */
    </script> 
<?php endif; ?>
<?php if ($banner['banner_text']) : ?>
    <div class="banner_text" id="banner_<?php echo $banner['banner_id']; ?>">
        <div class="banner_text_name"><?php if ($banner['banner_url']): ?><a href="system/modules/banner/public/conban_clicks.php?<?php echo $banner['banner_key'].$banner['banner_id']; ?>" <?php echo $banner['banner_target']; ?> title="<?php echo $banner['banner_name']; ?>" ><?php endif; ?><?php echo $banner['banner_name']; ?><?php if ($banner['banner_url']): ?></a><?php endif; ?></div>
        <div class="banner_text_comment"><?php echo $banner['banner_comment']; ?></div>
        <?php if ($banner['banner_url']): ?><div class="banner_text_url"><a href="system/modules/banner/public/conban_clicks.php?<?php echo $banner['banner_key'].$banner['banner_id']; ?>" <?php echo $banner['banner_target']; ?> title="<?php echo $banner['banner_name']; ?>" ><?php echo $banner['banner_url_kurz']; ?></a></div><?php endif; ?>
    </div>
<?php endif; ?>
<?php if ($banner['banner_empty']) : ?>
    <div class="banner_empty">
    <!-- <?php echo $banner['banner_name']; ?> -->
    </div>
<?php endif; ?>
<?php endforeach; ?>
</div>
</section>
<!-- indexer::continue -->

In Aktion auf http://www.schachbund.de/ in der rechten Spalte die vierte Werbung von oben.

[Jogi42]

Hi,
danke schon mal. Muss ich da erst ein Erweiterung installieren? Istdas eine neue Datei oder muss ich das in eine vorhandene rein kopieren? Muss ich da noch eigene Werte einsetzen?
Viele Fragen, sorry, aber in dieser Sache kenne ich mich leider fast gar nicht aus.

[Samson1964]

Muss ich da erst ein Erweiterung installieren?

Nein.

Istdas eine neue Datei oder muss ich das in eine vorhandene rein kopieren?

Die Banner, die sliden sollen, müssen in einer Kategorie gespeichert werden. Im Banner-Modul das Du für diese Kategorie unter Layout -> Themes -> Module erstellt hast, kannst Du eine Bannervorlage auswählen. Die vorhandenen Vorlagen enthalten keine Sliderfunktionen, weswegen Du eine eigene Vorlage unter Layout -> Templates anlegen mußt. Die Prefix dieses Templates muß mod_banner_list_ sein. Dein Templatename könnte also z.B. mod_banner_list_slider lauten. Da kopierst Du meinen Code von oben rein.
Danach wählst Du mod_banner_list_slider in Deinem Banner-Modul aus.

Muss ich da noch eigene Werte einsetzen?

Die Pfade zu responsiveslides.js und responsiveslides.css mußt Du natürlich entsprechend anpassen. Du findest diese Dateien sicher im Internet. Das ist ein JQuery-Plugin. Ebenso muß in Deinem Layout JQuery aktiviert sein.

Im Prinzip kannst Du auch jedes andere Slider-Plugin verwenden. Wichtig ist nur, daß alle Banner der Kategorie auch in das Template ausgegeben werden.

Mein Template von oben läßt sich natürlich auch abspecken. Wenn Du nur Bilder slidest, können viele Bereiche gelöscht werden.

[Jogi42]

[09-Oct-2016 23:34:12 Europe/Berlin] PHP Fatal error: Uncaught exception 'Exception' with message 'Could not find template "mod_banner_list_slider"' thrown in /mnt/webq/b0/99/54008099/htdocs/cms/system/modules/core/library/Contao/TemplateLoader.php on line 123
#0 /mnt/webq/b0/99/54008099/htdocs/cms/system/modules/core/library/Contao/Controller.php(76): Contao\TemplateLoader::getPath('mod_banner_list... ', 'xhtml')
#1 /mnt/webq/b0/99/54008099/htdocs/cms/system/modules/core/library/Contao/BaseTemplate.php(81): Contao\Controller::getTemplate('mod_banner_list... ', 'xhtml')
#2 /mnt/webq/b0/99/54008099/htdocs/cms/system/modules/core/library/Contao/Template.php(277): Contao\BaseTemplate->parse()
#3 /mnt/webq/b0/99/54008099/htdocs/cms/system/modules/core/classes/FrontendTemplate.php(46): Contao\Template->parse()
#4 /mnt/webq/b0/99/54008099/htdocs/cms/system/modules/banner/classes/ModuleBannerTag.php(225): Contao\FrontendTemplate->parse()
#5 /mnt/webq/b0/99/54008099/htdocs/cms/system/modules/banner/classes/ModuleBannerTag.php(106): BugBuster\Banner\ModuleBannerTag->generateBanner()
#6 /mnt/webq/b0/99/54008099/htdocs/cms/system/modules/core/library/Contao/InsertTags.php(1129): BugBuster\Banner\ModuleBannerTag->replaceInsertTagsBanner('cache_banner_mo...', false, '', Array, Array, Array, 3, 46)
#7 /mnt/webq/b0/99/54008099/htdocs/cms/system/modules/core/library/Contao/Controller.php(692): Contao\InsertTags->replace('<!DOCTYPE html ...', false)
#8 /mnt/webq/b0/99/54008099/htdocs/cms/system/modules/core/classes/FrontendTemplate.php(100): Contao\Controller::replaceInsertTags('<!DOCTYPE html ...', false)
#9 /mnt/webq/b0/99/54008099/htdocs/cms/system/modules/core/pages/PageRegular.php(190): Contao\FrontendTemplate->output(true)
#10 /mnt/webq/b0/99/54008099/htdocs/cms/system/modules/core/controllers/FrontendIndex.php(285): Contao\PageRegular->generate(Object(Contao\PageModel), true)
#11 /mnt/webq/b0/99/54008099/htdocs/cms/index.php(20): Contao\FrontendIndex->run()
#12 {main}

Hab ich gemacht, jetzt kommt das. Ist die neue datei einen Xhtml Datei?
Aber schon mal vielen Dank für ie Hilfe

[Samson1964]

Je nachdem wie Du Deine Website betreibst. Siehe Layout -> Themes -> Layouts. Dort kannst Du beim Ausgabeformat HTML oder XHTML einstellen. Dein Contao sucht nach dem xhtml-Template, also hast Du wohl XHTML in Deinem Seitenlayout gewählt. Und Dein Template hat fehlerhafterweise von Dir die Endung html5 bekommen.

[Jogi42]

Danke dir. Fehler ist weg, aber er wechselt das Bild nicht. Fehlen mir leider doe Programmierkenntnse, um hier Fehler zu suchen.

[Samson1964]

Hast Du mal einen Link zur Seite?

Gesendet von meinem L52 mit Tapatalk

[Jogi42]

Nett von dir, dass du nicht aufgibst.
http://www.rt-fichtenberg.eu/cms/ind...ommen-209.html
Oben die Banner

[Samson1964]

Was soll es an nur einem Banner zu sliden geben? Dazu muß es ja mindestens zwei aktive Banner in der Kategorie geben, die auch alle angezeigt werden. Außerdem wundert mich warum das DIV #werbungslider bei Dir von Hause aus ausgeblendet wird.

[Samson1964]

Okay, das mit dem Ausblenden lag an AdBlock Plus auf dem Fremdrechner, an dem ich gerade sitze....

[Jogi42]

Hi, es sind vier Banner. Wenn man die Seite aktualisiert, wechseln sie.

[BugBuster]

Du musst definieren, das alle Banner angezeigt werden sollen. Das JS sorgt dann dafür, es es doch nur eins ist und slidet dann die anderen.
https://docs.contao.ninja/books/user...efinition.html

[Jogi42]

Hi,
ich könnte in die Luft springen. Es geht. Danke euch