Ich bin weit entfernt davon, in JS versiert zu sein, also verzeihen Sie bitte offensichtliche Fehler. Ich habe versucht, die API des Supersized-Hintergrund-Slideshow-Plugins als Teil einer normalen (Element).click(function() zu verwenden.
Die API ist dokumentiert hier, einschließlich des Teils, der anscheinend wichtig für mein Problem ist:
api.goTo( targetSlide ) Startet den Übergang zur Zielslidenummer.
//Goes to slide #5 $(element).click(function(){ api.goTo(5); });
Ausgehend davon würde ich folgenden Code verwenden, um zu erreichen, dass eine div mit der Klasse "button" die Slidenummer 5 lädt:
$(document).ready(function(){
$(".button").click(function(){
api.goTo(5);
});
});
Dies funktioniert nicht - und die Tatsache, dass der Name des Plugins nirgendwo im Code erscheint, zeigt deutlich, dass der obige Code etwas vermissen lässt. Ich habe einfach keine Ahnung, was es sein könnte. Ich habe auch versucht, es an verschiedenen Stellen innerhalb der Quelle und Themen des Plugins zu platzieren - bislang jedoch ohne Erfolg.
Dies ist ein verwandter Beitrag, den ich gefunden habe. Allerdings wurde das Problem dieser Person durch die Modifizierung des Plugin-Themas gelöst, so dass es nicht auf das Klicken reagiert, sondern durch eine Funktion innerhalb des Plugins ausgelöst wird. Dennoch inkludiere ich es hier als Hintergrundinformationen.
Jede Hilfe wäre sehr willkommen.