JQ clicked status

[michey]

Hi

Habe eine >>>JQ Galerie zusammengebastelt.
Scheint alles einigermassen so zu funktionieren wie es sollte.
Was zum ganz grossen Glück noch fehlt, ist dass der geklickte Button im geklickten Zustand bleibt, bis der nächste geklickt wird.
Hat jemand eine Anregung wie das mit JQ zu bewerkstelligen wäre?

Der aktuelle Code für die Buttons sieht so aus:

PHP-Code:

$('#gallery img').each(function(i) {
    var imgFile = $(this).attr('src');
    var preloadImage = new Image();
    var clickImage = new Image();
      var imgExt = /(.w{3,4}$)/;
  preloadImage.src = imgFile.replace(imgExt,'_h$1');
  clickImage.src = imgFile.replace(imgExt,'_c$1');
          
    $(this).hover(
        function() {
            $(this).attr('src', preloadImage.src);
        
        },
        function () {
        var currentSource = $(this).attr('src');
            $(this).attr('src', imgFile);
    }); // end hover
    
    $(this).click(
                function() {
            $(this).attr('src', clickImage.src);
        
        
    }); // end click
    
    }); // end each 


und das hier für die Bilder:

PHP-Code:

<div id="gallery">
  <a href="images/large/blue.jpg" alt="Blue"><img src="images/small/nr1.gif" width="20" height="20" ></a>
...... 


Vielen Dank für jedwede Hilfe.

[marc]

Du kannst die ID de Buttons direkt ansprechen und per CSS die Eigenschaft der Hintergrundfarbe bei dem Klick verändern. Wenn ich dich richtig verstanden habe sollte das so zu lösen sein.

[Nicmare]

mach doch einfach sowas in der art in die click function:
$('#gallery a').removeClass("checked");
$(this).addClass("checked");

Also erst alle klassen entfernen und dann dem aktuellen button die klasse wieder zuweisen. ganz simpel aber völlig ausreichend

[michey]

Danke für eure Antworten.

@Nicmare
...und das Aussehen der Klasse "checked" würde per CSS-Style definiert, richtig?

PHP-Code:

$(this).click(
                function() {
            $('#gallery img').removeClass("checked");
            $(this).attr('src', clickImage.src);
        $(this).addClass("checked");        
    }); // end click 


funzt!

Vielen Dank!