Zum Inhalt springen

JS: Slideshow einbinden

Erstellt am 10. Mai 2013 · Noch keine Antworten

Tags: Frage

scratrat ·

Hallo Forum!

Ich habe folgendes Problem und zwar möchte ich das JS-Script "Slideshow" im Hauptinhalt meiner Startseite verwenden.

Ich habe bereits folgendes erreicht:
(in der index.php)
<script src="fileadmin/scripts/slideshow.js" type="text/javascript"></script>

... ist also eingebunden (im head-Bereich)

<script src="fileadmin/engine/js/vlbdata1.js" type="text/javascript"></script>

am Ende meiner index.php vor dem abschließenden </body>-Tag

Nun ist folgendes Problem:

die Slideshow-Elemente werden - normalerweise - direkt im HTML-Dokument (also dort, wo die Slideshow erscheinen soll) wie folgt eingebunden:

<script>
      var imgArray = new Array();
      imgArray[0] = "fileadmin/bilder/grieblnet/slide1.jpg";
      imgArray[1] = "fileadmin/bilder/grieblnet/slide2.jpg";
      imgArray[2] = "fileadmin/bilder/grieblnet/slide3.jpg";
      imgArray[3] = "fileadmin/bilder/grieblnet/slide4.jpg";

      slideshowMerge('slideshow1','',imgArray,15,5000);
    </script>

Wie weise ich den Code denn nun bei Typo3 zu?

Ich habe es mit einem Seiteninhalt vom Typ "reines HTML" versucht und dort den Code eingetragen.
Wenn ich mir den Source-Code meiner index.php anschaue, wird der Code auch "ordnunggemäß" an der richtigen Stelle angezeigt. Allerdings erscheint die Slideshow nicht auf der Hompage...

Was mache ich falsch?

page = PAGE
page {
# Allgemeine Seiteneigenschaften festlegen
  bodyTag = <body>
  includeJS.file1 = fileadmin/scripts/jquery.js
  includeJS.file2 = fileadmin/scripts/visuallightbox.js
  includeJS.file3 = fileadmin/scripts/slideshow.js
  includeJS.jquery = fileadmin/scripts/jquery.min.js
  
# Die CSS Datei einbinden
  includeCSS{
    screen = fileadmin/styles/gnstyle.css
    screen.title = display
    screen.media = screen
  }
  
# META Tags angeben
  meta.AUTHOR = www.grieblnet.de
  meta.DESCRIPTION = Druck, Gestaltung, Plakate, Briefbogen, Visitenkarten, Schilder, Beschriftung, Auto, KFZ, Folie, Digitaldruck, Offsetdruck, Textilien, TShirts, Hemden, Kaps, Caps, Gastronomie
  
# Die Designvorlage importieren
  10 = TEMPLATE
  10.template = FILE
  10.template.file = fileadmin/templates/grieblnet/grieblnet2013.html
  10.workOnSubpart = DOKUMENT


# Platzhalter ansprechen
  
  10.marks {
    MENU_OBEN = HMENU
    MENU_OBEN {
      special = directory
      special.value = 463
      1 = TMENU
      1.NO = 1
      1.NO { 
      wrap = | <br>
      linkWrap =  | | |*|  | | |*|  |
      ATagParams = class="normal"
      ACT < .1.NO
      ACT.ATagParams = class="active" 
     }
     }
 
#JAVAENDE ansprechen     
JAVAENDE = TEXT
JAVAENDE {
	wrap= <script src="fileadmin/engine/js/vlbdata1.js" type="text/javascript"></script>
	}...

In der CSS ist die ID "slideshow1" ebenfalls vorhanden und wird auch entsprechend eingebunden.

Die Pfade zu den Bildern sind auch richtig - ich stehe auf dem Schlauch - kann mir jemand helfen ???