Adding images to buttons

The events for the second buttons are the same as the first button,  The changes I made shows that I use the same graphics for the two buttons still they work independently.  You could use different graphics and do more that just change the graphic for an event.  All the script currently does is change the graphics.  The Script perform no other function.   Mouse events trigger no other function. You would add that.  Where you would add that code I'm not sure I would have to read  Adobe ScriptUI documentation.

The example script posted does.  Three png image file in an img folder on your desktop are used.

Did you try to add a second button to Davide's example script and event listeners to see if it may be possible? to use his code?  If it can then you would just need to modify the code to use your icons for the second button and do what you want to do when the buttons are used. Not just change the icon.

var dir = "" + File($.fileName).path + "/img/";  
var icons =  { normal: File(dir + "createNew_normal.png"),  
               disable: File(dir + "createNew_normal.png"),   
               pressed: File(dir + "createNew_pressed.png"),   
               rollover: File(dir + "createNew_rollover.png")  
};  
  
var w = new Window("dialog");  
b = w.add ('button'); // works for customButton, iconButton, button  
b.preferredSize = [200,100];  
c = w.add ('button'); // works for customButton, iconButton, button  
c.preferredSize = [200,100];  
    
var roll = ScriptUI.newImage(icons.rollover);  
var norm = ScriptUI.newImage(icons.normal);  
var down = ScriptUI.newImage(icons.pressed);  
    
b.image = norm;  
b.size = [140, 40]  
b.onDraw = function (state) {  
    this.graphics.drawImage(this.image,0,0);  
}  
  
c.image = norm;  
c.size = [140, 40]  
c.onDraw = function (state) {  
    this.graphics.drawImage(this.image,0,0);  
}  
var mouseEventHandler = function(event) {  
    switch (event.type) {  
        case 'mouseover':   
            event.target.image = roll;  
            break;  
        case 'mouseout':   
            event.target.image = norm;  
            break;  
        case 'mousedown':   
            event.target.image = down;  
            break;  
        case 'mouseup':   
            event.target.image = roll;  
            break;  
        default:   
            event.target.image = norm;  
    }  
    event.target.notify("onDraw");  
}  
  
b.addEventListener('mouseover', mouseEventHandler, false);  
b.addEventListener('mouseout', mouseEventHandler, false);  
b.addEventListener('mousedown', mouseEventHandler, false);  
b.addEventListener('mouseup', mouseEventHandler, false); 
c.addEventListener('mouseover', mouseEventHandler, false);  
c.addEventListener('mouseout', mouseEventHandler, false);  
c.addEventListener('mousedown', mouseEventHandler, false);  
c.addEventListener('mouseup', mouseEventHandler, false);   
  
w.show();