2010-11-24 5 views
2

Ich habe ein Problem mit Galleria. den folgenden Code ein:Pfeilsteuerung für Galleria

<script type="text/javascript"> 
    $(document).keypress(function(e) 
     { 
     switch(e.keyCode) 
     { 
      case 37: //press left arrow 
       $.galleria.prev(); 
       break; 
      case 39: //press right arrow 
       $.galleria.next(); 
       break; 
     } 
     }); 


</script> 

wird nicht funktionieren, heißt es: $.galleria is undefined , wenn ich stattdessen verwenden Galleria.prev() und Galleria.next() dann heißt es: Galleria.next is not a function, und das gleiche fo zurück.

ich hoffe jemand mit mehr erfahrung kann mir helfen.

Vielen Dank im Voraus, Adam

+0

Können Sie Galleria ohne dies und gehen Sie eine Hallo Welt auf Ihrer Seite zu testen, dass Sie alles richtig eingestellt haben? – johnny

+1

Wird dieses Skript auf der Seite angezeigt, bevor das Galleria-Plugin enthalten ist? –

Antwort

4

galleria scheint eine attachKeyboard Methode zu haben, aber ich kann nicht, dass die Arbeit. aber mit dem Code, den Sie oben haben, habe ich es geschafft, Pfeilkontrollen zu bekommen. versuchen Sie dies:

<script> 
//start galleria 
Galleria.loadTheme('galleria.classic.js'); 
$('#galleria').galleria(); 

//obtain galleria instance - this might be the step you are missing 
var gallery = Galleria.get(0); 

//essentially what you had above 
document.onkeyup = KeyCheck;  
function KeyCheck(e) { 
    var KeyID = (window.event) ? event.keyCode : e.keyCode; 
    switch(KeyID) { 
     case 37: //press left arrow 
      gallery.prev(); 
      break; 
     case 39: //press right arrow 
      gallery.next(); 
      break; 
    } 
} 
</script> 
+0

+1 ... fand diese Antwort, während sie versuchte zu verstehen, warum die Leute behaupteten, '$ .galleria.next()' würde funktionieren, und es tat nicht für mich ... das * funktionierte *. Weiß jemand, was der Unterschied im Kontext ist? – HostileFork

Verwandte Themen