Ergebnis 1 bis 7 von 7

Thema: imageSlider lädt CSS und JS nicht

  1. #1
    Contao-Nutzer
    Registriert seit
    28.06.2011.
    Beiträge
    5

    Standard imageSlider lädt CSS und JS nicht

    Guten Tag,

    ich habe gerade den imageSlider als Erweiterung installiert und auch schon eine Bildrotation erstellt, jedoch tut sich auf der Seite nichts. Das Modul ist korrekt angelegt und die Seite integriert. Die ausgewählten Bilder werden angezeigt und die eingestellte Reihenfolge (zufällig) wird korrekt dargestellt.

    Ein Blick in den Quellcode zeigt mir jedoch, dass weder das Stylesheet als auch der Javascript-Code in die Seite eingefügt wird.

    Es fehlen mir folglich die Einbindung der class.viewer-Datei, als auch der Javascript-Code aus dem Template "imageslider_js.tpl", sowie der CSS-Code aus dem Template "imageslider_css.tpl".

    Hat jemand eine Idee, woran es liegen könnte?

    Danke schon einmal für jegliche Hilfe

    Mit freundlichen Grüßen
    Mirko

  2. #2
    Community-Moderator Avatar von schman
    Registriert seit
    19.06.2009.
    Ort
    Dornbirn
    Beiträge
    3.739
    User beschenken
    Wunschliste

    Standard

    Ich vermute du hast eine eigene fe_*.tpl in Verwendung, oder? Wenn ja dann fehlen dir folgende Einträge im head Bereich wahrscheinlich.

    PHP-Code:
    <?php echo $this->robots?>
    <?php 
    echo $this->framework?>
    <?php 
    echo $this->stylesheets?>
    <?php 
    echo $this->mooScripts?>
    <?php 
    echo $this->head?>
    Kein Privat Support via PM.

  3. #3
    Contao-Nutzer
    Registriert seit
    28.06.2011.
    Beiträge
    5

    Standard

    Leider nein . Ich verwende das Standardtemplate "fe_page.tpl" und darin enthalten ist besagter PHP-Code.

  4. #4
    Contao-Nutzer
    Registriert seit
    28.06.2011.
    Beiträge
    5

    Standard

    Nachtrag:
    Ich hatte eventuell vergessen zu erwähnen, dass sonst alles, was in Contao eingetragen wurde (MenuMatic, Mootools usw. + CSS-Dateien), geladen wird.

    Auszug aus dem Head-Bereich:

    HTML-Code:
    ...
    <link rel="stylesheet" href="tl_files/tinymce.css?1299153138" type="text/css" media="screen" />
    <link rel="stylesheet" href="MenuMatic-ie6.css?1300365037" type="text/css" media="all" />
    
    <link rel="stylesheet" href="MenuMatic.css?1300370832" type="text/css" media="all" />
    <link rel="stylesheet" href="style.css?1309170140" type="text/css" media="screen" />
    <link rel="stylesheet" href="style_start.css?1300447752" type="text/css" media="all" />
    <link rel="stylesheet" href="table.css?1308241120" type="text/css" media="all" />
    <script type="text/javascript" src="plugins/mootools/mootools-core.js?1.2.5"></script>
    <script type="text/javascript" src="plugins/mootools/mootools-more.js?1.2.5.1"></script>
    <script type="text/javascript" src="tl_files/MenuMatic_0.68.3.js"></script>
    </head>

  5. #5
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.557
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Wie bindest Du denn den ImageSlider in Deine Seite/Artikel ein? Per Inserttag? Falls ja, dann hier weiterlesen: http://www.contao-community.de/showt...tTag-einbinden
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  6. #6
    Contao-Nutzer
    Registriert seit
    28.06.2011.
    Beiträge
    5

    Standard

    Ok, ich glaube, dass mir dabei geholfen ist . Danke für diese Info.

    P.S. Ich werde beim nächsten Mal besser recherchieren .

  7. #7
    Contao-Nutzer
    Registriert seit
    18.11.2009.
    Ort
    Köln
    Beiträge
    77

    Standard

    Genau das problem hatte ich gerade. In der preview funzte es. Habe per insertTag das ganze in ein Modul gepackt.
    Nun habe ich einfach CSS und JS in mein Template kopiert und mir erst einmal so beholfen. Das nimmt mir die variabilität aber ich nutze es vorerst eh nur ein mal.


    Code:
    <style type="text/css" media="screen">
    <!--/*--><![CDATA[/*><!--*/
    /*is-css-start*/
    #elements1 {position:absolute;}
    .mask1 { width:246px; height:100px; position:relative; overflow:hidden;}
    .mask1 img { position:absolute; display:block; border:none; } 
    /*is-css-end*/
    /*]]>*/-->
    </style>
    <script type="text/javascript">
    <!--//--><![CDATA[//><!--
    window.addEvent('domready',function()
    {
    //is-js-start
    	var V1 = new viewer( $$('#elements1 img)' ),
    	{
    		sizes: {w:246,h:100},
    		mode: 'rand',
    		modes: ['alpha'],
    		fxOptions:{ duration: 1000  },
    		interval: 7000
    	});
    	V1.playRandom();;
    //is-js-end
    });
    //--><!]]>
    </script>
    php 7.2, mySQL 5.7, 4.4.12

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •