Mit Cursor Klassen zuweisen

[strukturart]

Hallo,

ich habe mir eine kleine Gallery erstellt und möchte sie auch mit den Cursor-Tasten <- -> bedien bar machen.

http://strukturart.com/kawumba.php

folgendes habe ich versucht:

$(document).keyup(function (event) {
if (event.keyCode == 39) {
	$(".img_zoom").next().addClass("img_zoom")

	$(".img_zoom").before().toggleClass("img_tbn")

	
	
	
	
}

erreichen möchte ich das alle Bilder die vor dem Bild mit der Klasse "img_zoom" sind
die Klasse "img_tbn" zugewiesen bekommen.

 

[tombe]

Und wenn du es so schreibst:

$(document).keyup(function (event) {

if (event.keyCode == 39) {
    $(".img_zoom").before().toggleClass();
    $(".img_zoom").next().addClass("img_zoom");
}

});

 

[strukturart]

Hallo tombe,

danke für dein Antwort klappt aber leider nicht, verstehe nicht ganz warum.

 

[tombe]

Hast du schonmal geprüft ob die Funktion überhaupt aufgerufen wird und dann noch ob der IF-Block ausgeführt wird?

 

[tombe]

Ich gleich nochmal.

Ich denke es muss bei dir noch einen anderen Grund geben warum es nicht funktioniert.

Dieses Beispiel ist im Grunde ja genau das gleiche wie bei dir doch es geht:

<style type="text/css">
.c1 {
	color:  red;
	font-weight: bold;
}
.c2 {
	color:  green;
	font-weight: normal;
	font-style: italic;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$(document).keyup(function(e) {
	if (e.keyCode == 39) {
		$("#div").toggleClass();
		$("#div").addClass("c1");
	} else if (e.keyCode == 37) {
		$("#div").toggleClass();
		$("#div").addClass("c2");
	}
});

});
</script>

<input type="text" name="" value="" size="20" maxlength="50" />

<div id="div" class="c1">Bla Bla Bla</div>

Sind bei dir eventuell die Bezeichner für die Klassen oder die IDs falsch?

 

[strukturart]

hier ist mal der komplette Jquery Code vll fällt dir Fehler auf:

<script type="text/javascript">

$(document).ready(function(){

	//Handling: Mouse
$("#gallery li").click(function() {
	if(
		this.className == "img_zoom")
	{		
		$(this).removeClass()
	$(this).addClass( "img_tbn")
	
}

else

	{		
		$("#gallery li").removeClass( "img_zoom")
			
			$("#gallery li").toggleClass( "img_tbn")
			$(this).toggleClass( "img_zoom")
		
		
	
}


});

//Handling: Cursor
$(document).keyup(function (event) {
if (event.keyCode == 39) {
    $(".img_zoom").next().addClass("img_zoom");
	//********
	
} 

if (event.keyCode == 37) {
} 



});
});
</script>

 

[strukturart]

Hab`s jetzt heraus gefunden nicht "before()" sondern "prev()" ,
danke für deine Mühe.