jQuery slideViewer in WordPress verwenden

tykee

tykee

Grünschnabel
Hallo miteinander,

seit nun zwei Tagen und mehreren Stunden hab ich ein und das selbe Problem und finde keine Lösung. Auf meiner aktuellen Homepage verwende ich das jQuery slideViewer Script, um die Anzeige der Bilder etwas zu ordnen. (http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html)

Momentan bin ich dabei, die Seite in ein WordPress Template umzubauen, um mir im Nachhinein etwas Arbeit zu ersparen und die Pflege der Seite einfacher zu gestalten. Ich bin nun fast fertig, alles funktioniert... bis auf das SlideView Script.

Ich habe die Angaben im <head> Bereich 1:1 in die neue header.php Datei kopiert:
Code: 
<script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.2.js" type="text/javascript"></script>
<script src="js/jquery.slideviewer.1.2.js" type="text/javascript"></script>

<script type="text/javascript">
	$(window).bind("load", function() {
	$("div#blog1").slideView()
});
</script>

Die nötigen CSS-Angaben habe ich in der style.css hinzugefügt.

Wenn ich in einem Beitrag nun den nötigen Div erstelle und die Bilder angeben, funktioniert auf den ersten Blick alles tadellos. Es sieht genau so aus, wie es soll, nichts fehlt.

Sobald ich nun jedoch auf eine der Zahlen klicke, um das Bild zu wechseln, springt der Browser nach ganz oben und wechselt das Bild nicht. Beim erneuten Klicken springt er zwar nicht mehr, aber das Bild wechselt weiterhin nicht.

Ich bin mit meinem Latein und meinen Nerven am Ende. Wo liegt das Problem?

Danke im Voraus für Eure Hilfe!
 
Poste doch mal einen Link zu der Seite wo es nicht funktioniert, damit man es mal "live" betrachten kann.
Hast Du schon mal geschaut, ob die Firebug-Konsole irgendwelche Fehlermeldungen ausgibt?
 
Sitze momentan an einem relativ frischem Rechner, an dem ich noch keine Firefox-Plugins gezogen hab.
Mach ich mal fix...

Hier schon mal der Link: http://rtest.square7.ch/
Für den slideViewer in Aktion wahrscheinlich etwas runter scrollen.
 
Ist dir eigentlich aufgefallen das jQuery 2 mal eingebunden wird?
HTML: 
<script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>
...
<script type='text/javascript' src='.../wp-includes/js/jquery/jquery.js?ver=1.4.2'></script>
 
Habe ich bei meinen Recherchen bereits gemerkt, ja...

Wenn ich den ersten Teil jedoch rausnehme (Bestandteil vom slideViewer) passiert bei dem gar nichts mehr.
Das untere wird standardgemäß von WordPress einbegebunden und ist ohne Einschränkungen vermutlich nicht einfach rausnehmbar?!

Habe daher momentan beides drin...
 
Nunja aber ich vermute mal stark das es daran liegt.
Die Fehlerkonsole sagt nämlich folgendes:
Fehler: c.easing[this.options.specialEasing && this.options.specialEasing[this.prop] || a] is not a function
Zum Vergrößern anklicken....
Ich kann mich irren aber ich nehme mal an das es so läuft :
Easing "extended" das erste eingebundene jQuery welches vom zweiten eingebundenen jQuery überschrieben wird wodurch easing nicht mehr zur verfügung steht.
 
Habe jetzt mal die jQuery-Datei von WordPress vom Server gelöscht und es funktioniert!
Gibt es denn nun irgendwelche Einschränkungen, die auf den ersten Blick nicht zu sehen sind?
 
Nein. Es sei denn du bindest manuell eine ältere jQuery Version ein als wordpress.
Was nebenbei bemerkt bei dir der Fall ist ;).
 
Ich kenn mich mit wordpress nicht aus, deswegen weiss ich nicht wie leicht das zu realisieren ist aber du musst eigentlich nur die folgenden Zeilen nach dem von wordpress eingebunden jquery einfügen.
HTML: 
<script src="js/jquery.easing.1.2.js" type="text/javascript"></script>
<script src="js/jquery.slideviewer.1.2.js" type="text/javascript"></script>

<script type="text/javascript">
	$(window).bind("load", function() {
	$("div#blog2").slideView()
});
</script>

Und nur mal als Hinweis:
javascripts müssen nicht im head bereich stehen.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück