Nivoslider & phpBB 3.1 > Slider funktioniert einfach nicht

[Anikoni]

Hallo zusammen,
ich versuche nun schon seit ca. 6 Stunden den Nivoslider auf meinem Board zum Laufen zu bringen. Ich nutze ein Premiumtheme (Flatboots, über themeforest.com) und die phpBB-Version 3.1.9.
Ich habe mich an der Anleitung orientiert:
http://docs.dev7studios.com/article/12- ... ery-plugin

In Der Dokumentation steht nirgends, wo ich den nivoslider-ordner ablegen muss. Ich habe ihn daher einfach ins Hauptverzeichnis gelegt und den Code für die overall_header.html wie folgt angepasst und direkt vor </head> eingefügt:

Code: Alles auswählen

<link rel="stylesheet" href="nivoslider/nivo-slider.css" type="text/css" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script> 
<script src="nivoslider/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript"> 
$(window).load(function() {
    $('#slider').nivoSlider(); 
}); 
</script>

Dort wo der Slider erscheinen soll (in einer Sidebar in index_body.html) habe ich folgendes eingefügt:

Code: Alles auswählen

<div id="slider" class="nivoSlider">     
    <img src="images/slide1.jpg" alt="" />    
    <a href="http://dev7studios.com"><img src="images/slide2.jpg" alt="" title="#htmlcaption" /></a>     
    <img src="images/slide3.jpg" alt="" title="This is an example of a caption" />     
    <img src="images/slide4.jpg" alt="" /> 
</div> 
<div id="htmlcaption" class="nivo-html-caption">     
    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. 
</div>

Die Bilder habe ich im Rootverzeichnis in den Ordner images gelegt.
Die Bilder werden auch angezeigt, allerdings werden sie einfach nur untereinander positioniert. Sie sind also alle gleichzeitig sichtbar und es gibt keine Animation.

Was mache ich denn falsch? Ich wäre wirklich für jede Hilfe dankbar!!

[Kirk]

Hallo
Ich denke das du den verkehrten Slider benutzt, probier es mal hier mit: https://www.phpbb.com/community/viewtop ... #p14303561
Wie du eine Erweiterung installierst kannst du hier nachlesen: KB:ext_install

[Anikoni]

Danke, aber das führt dann zu neuen Probleme. Ich habe die Extension installiert und aktiviert, allerdings war der Button um zu dem Einstellungspanel zu kommen, nirgends zu finden. Daher hab ich dann zu prosilver gewechselt um ein Standardtheme zu haben. Dort habe ich den Button zwar gesehen, aber wenn ich draufgeklickt habe, erhielt ich einen 500 Internal Server Error

[Anikoni]

Ich bin jetzt erstmal bei Prosilver als Standardtheme geblieben aber dort habe ich genau die gleichen Probleme. Die Bilder werden einfach nur untereinander positioniert. jQuery scheint überhaupt nicht geladen zu werden. Hat denn niemand einen Tipp, was ich falsch mache?

[Anikoni]

Hab mal bei Firebug in die Konsole geschaut, da kommt folgende Fehlermeldung:

TypeError: $(...).nivoslider is not a function
$('#slider').nivoslider();

Was bedeutet das?

[Anikoni]

Habs endlich hinbekommen. Der Code muss wie folgt aussehen:

Code: Alles auswählen

<script type="text/javascript">
jQuery(document).ready(function($){
 $('#slider').nivoSlider();
});
</script>

[canonknipser]

Schön, das es jetzt läuft.
Vielleicht noch mal grundsätzlich zu deinem javascript-Problem vom Anfang:
Bei phpBB werden die Scripte in der Regel im footer unmittelbar vor dem </body>eingebunden, damit ein evtl. langsam laufendes Script nicht den Seitenaufbau behindert.
phpBB bringt auch eine eigene jquery-Bibliothek mit, d.h. durch deinen Einbau im Header hast du evtl. die mitgelieferte Bibliothek überschrieben oder durcheinander gebracht.

Wenn du die Extension nutzt, solltest du keinen separaten Code einbauen müssen / dürfen. Aber die Extension ist ja, wie ich gesehen habe, noch in Entwicklung - eigentlich musst du dich da an den Autor wenden.

[Anikoni]

Ich habe ja gar keine Extension benutzt sondern den jquery nivoslider selbst eingebunden (download direkt von hier: https://dev7studios.com/products/nivo-s ... ss-plugin/). hatte es in meiner rumprobierphase auch mal im footer probiert, aber der header war schon die richtige stelle. ich musste nur den code wie oben beschrieben leicht abändern.