Hallo Community, den Standard Gambio Slider möchte ich gerne ersetzen durch den Nivo-Slider, den habe ich auch soweit es ging erfolgreich eingestellt sodass er mir meine wunschbilder faded. Das wäre der Code den ich einbinden möchte: Code: <link rel="stylesheet" type="text/css" href="nivo-slider.css"> <!-- Usually in the <head> section --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="jquery.nivo.slider.js" type="text/javascript"></script> <!-- Then somewhere in the <body> section --> </head> <body> <div id="slider" class="nivoSlider"> <img src="nemo.jpg" alt="" /> <img src="toystory.jpg" alt=""> <img src="up.jpg" alt="" > <img src="walle.jpg" alt="" /> </div> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> Habe auch schon probiert unter Content Manager den Quelltext einzufügen klappt aber nicht, jetz stelle ich mir die Frage wie zur hölle krieg ich den Slider da rein bzw wo füge ich den Code ein? Wäre Super wenn mir da jemand unter die Hände greifen kann.. Viele Grüße Linus
Den Teil in die header Datei deines Templates HTML: <link rel="stylesheet" type="text/css" href="nivo-slider.css"> <!-- Usually in the <head> section --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="jquery.nivo.slider.js" type="text/javascript"></script> Den Teil an die stelle wo du ihn haben willst. HTML: <div id="slider" class="nivoSlider"> <img src="nemo.jpg" alt="" /> <img src="toystory.jpg" alt=""> <img src="up.jpg" alt="" > <img src="walle.jpg" alt="" /> </div> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> Über den Content Manager wirst da nciht weiter kommen, da musst schon von Hand an die Dateien ran. (Sicherung machen muss ich wohl nicht erwähnen , oder)
Hey, super schnelle Antwort vielen vielen Dank! Allerdings ein problem hätte ich noch, wo ist denn die header datei versteckt? (Benutze das EyeCandy) Oder ist es im endeffekt /includes/header.php ?? grüße
Hey, also hab das alles passend eingefügt kleiner schnipsel aus der index.html (templates/eyecandy) Code: <div id="main" class="clearfix"> {if $BANNER}<div id="shop_top_banner">{$BANNER}</div>{/if} <div id="main_inside"> <div id="slider" class="nivoSlider"> <img src="http://caboume.de/slide/nemo.jpg" alt="" /> <img src="http://caboume.de/slide/toystory.jpg" alt=""> <img src="http://caboume.de/slide/up.jpg" alt="" ><img src="http://caboume.de/slide/walle.jpg" alt="" /></div> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> {$IMGSLIDER} {$main_content} {$CATEGORIES_DROPDOWN} </div> Und nu wenn ich das abspeicher erhalte ich einen netten error Code: FATAL ERROR(256): "Smarty error: [in EyeCandy/index.html line 61]: syntax error: unrecognized tag: $('#slider').nivoSlider(); (Smarty_Compiler.class.php, line 439)" in /mnt/webe/c2/61/52799461/htdocs/shop/includes/classes/Smarty_2.6.14/Smarty.class.php:1095 ([URL="http://caboume.de/shop/#"]Details[/URL]) Ich glaube er kommt nicht klar mit dem Code: <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> Weißt du vielleicht etwas genaueres? Edit: Code: {literal} [/B][B]{/literal} schafft abhilfe! Vielen Dank! Grüße
Hehe, na logisch ist ja erstmal nur für testzwecke Leider war meine vorfreude zu voreilig, er läd das letzte bild von wall e, allerdings faded er nicht zwischen den bildern dann muss er ja irgendwie das javascript nicht richtig laden richtig? Er zeigt auch kein Fehler an komischer weise hast du vielleicht eine idee wie ich den fehler finden könnte ? Könnte dir auch zugriff geben auf der seite falls du es selbst mal angucken möchtest. Grüße
naja er muss natürlich die CSS Datei (wobei ich den SCC Code in die Shop CSS einfügen würde um eine Datei weniger zu laden) und das JS finden können.
Habe die CSS sachen direkt eingebunden, firebug zeigts mir auch an das er die CSS sachen läd, habe testweise ne test.html hochgeladen und da funktionierts auch nicht.. http://www.caboume.de/shop/templates/EyeCandy/slide.html Ich versteh die welt nicht mehr
(Link nur für registrierte Nutzer sichtbar.) Not found Er findet das JS nicht, also macht er auch nix Mal abgesehen davon das deiner test datei sämtliche Standart HTML Schemas fehlen wie Head und body bereiche...
Okay also da hats jetz funktioniert allerdings im Shop noch nicht, www.caboume.de/shop die verlinkung dort zum javascript müsste eigentlich dort stimmen, hatte in der test datei was falsch verlinkt gehabt... Vielleicht kannst du ja mal da ein blick drüber werfen warum er das nicht faded... Ich bin dir sehr dankbar für deine Zeit und Fehler suche, vielen Dank... (hab mir das erspart es ging mir nur erstmal darum das der slide funktioniert ) Grüße
Ich pers. hätte das css in die /templates/EyeCandy/stylesheet.css geschrieben und nicht in die dynamische, aber so auf anhieb seh ich den fehler auch nicht. aber is schon spät und ich geh jetzt ins bettchen.
Okay, werde das auch noch ändern hm ja schon komische sache .. Wünsche dir eine gute Nacht und vielen dank nochmal.
funktioniert bisher immer noch ohne erfolg, hat vielleicht jemand ne Idee? Oder einen anderen Slider? Grüße