Javascript für Slider einbinden bzw. starten

[reiner_2006]

Hallo,

ich baue mir gerade als Super Anfänger unseren Shop zusammen.

Zu meinem Glück fehlt mir noch ein Slider den ich auf der Startseite haben möchte.

In der header_custom.tpl habe ich folgendes eingefügt laut Anleitung:

<script type="text/javascript" src="{$currentTemplateDir}templates/JTL-Shop3-Tiny/themes/custom/slider/js/jquery.bxSlider.min.js"></script>

Wird geladen, Firebug geprüft.

In der seite_startseite_custom.tpl den Aufruf der Bilder und das Script zum starten:

<div class="demo-wrap">
<script type="text/javascript">
(function($){ 
 $(function(){
  $('#slider1').bxSlider();
 }); 
}(jQuery))
</script>
<div style="width: 527px; position: relative;" class="bx-wrapper"><div style="position: relative; overflow: hidden; width: 527px;" class="bx-window"><ul id="slider1" style="width: 999999px; position: relative; left: -527px;"><li style="width: 527px; float: left; list-style: none outside none;">
  <div class="left">
   <img width="169" height="170" src="/templates/JTL-Shop3-Tiny/themes/custom/slider/images/slide1.jpg">
  </div>
  <div class="right">
   <div class="album">Erste Zeile</div>
   <div class="band">Zweite Zeile</div>
  </div>
 </li>
 <li style="width: 527px; float: left; list-style: none outside none;" class="pager">
  <div class="left">
   <img width="171" height="179" src="/templates/JTL-Shop3-Tiny/themes/custom/slider/images/slide2.jpg">
  </div>
  <div class="right">
   <div class="album">Erste Zeile</div>
   <div class="band">Zweite Zeile</div>
  </div>
 </li>
 <li style="width: 527px; float: left; list-style: none outside none;" class="pager">
  <div class="left">
   <img width="171" height="171" src="/templates/JTL-Shop3-Tiny/themes/custom/slider/images/slide3.jpg">
  </div>
  <div class="right">
   <div class="album">Erste Zeile</div>
   <div class="band">Zweite Zeile</div>
  </div>
 </li>
<li style="width: 527px; float: left; list-style: none outside none;">
  <div class="left">
   <img width="171" height="179" src="/templates/JTL-Shop3-Tiny/themes/custom/slider/images/slide4.jpg">
  </div>
  <div class="right">
   <div class="album">Erste Zeileo</div>
   <div class="band">Zweite Zeile</div>
  </div>
 </li></ul></div><a class="bx-prev" href="">prev</a><a class="bx-next" href="">next</a></div>
</div>

Ich vemute den Fehler im Script in der seite_startseite.tpl da der Bildschirm nach Einbau weiß bleibt.

Script raus tauchen die Bilder auf.

Kann mir jemand helfen?

 

[david]

AW: Javascript für Slider einbinden bzw. starten

Hi,
Firebug hat eine Console, welche JS Fehler logged.

Weiße Seite deutet allerdings auf einen Error 500 hin, zur Problemlösung bitte wie folgt vorgehen --> Kategorie:Shop-FAQ
Tipp: Geschweifte Klammern für eigenen JS-Code im Template müssen Smarty-konform umgeschrieben werden ({ldelim} und {rdelim})

 

[reiner_2006]

AW: Javascript für Slider einbinden bzw. starten

Ok, gemacht

Aber mit der Meldung kann ich ja so gar nichts anfangen!?

Hilfe!!

Fatal error: Smarty error: [in C:/xampp/htdocs/templates/JTL-Shop3-Tiny/tpl_inc/seite_startseite_custom.tpl line 13]: syntax error: unrecognized tag: $(function(){ $('#slider1').bxSlider(); (Smarty_Compiler.class.php, line 446) in C:\xampp\htdocs\includes\libs\Smarty-2.6.26\libs\Smarty.class.php on line 1093

 

[david]

AW: Javascript für Slider einbinden bzw. starten

Du hast dir Smarty-Syntax Errors eingebaut, weil du die geschweiften Klammern nicht korrekt umgeschrieben hast, siehe mein vorheriger Post.

 

[reiner_2006]

AW: Javascript für Slider einbinden bzw. starten

Geschafft, das Leben kann so einfach sein.

Vielen Dank.

Das Thema kann wieder geschlossen werden.