Script with source from a folder

It sound like you are trying to create a web application that use html5 for displaying buttons with mouse over states. Where buttons have three states Normal,  available state, Mouse over State, and Active state when the button is clicked on.   I think you should  look for a Web development application or a Photoshop add on extension for creating the button state images and html that displays these state. here is a google search 

I do not understand what you want. Maybe post expected result of your action?

Here is a simple modification to the skeleton framework script that I mentioned.

It saves in layered TIFF format, but that is easy enough to change.

All it does is create and save a layer stack of 3 alphabetically sorting files. You can change line 121 & 122 to reference an action that will resize the canvas and reposition the images etc, just change the action and action set names ("My Action", "My Action Set").

/* 
https://community.adobe.com/t5/photoshop-ecosystem/script-with-source-from-a-folder/td-p/12227396
Script with source from a folder
Stephen Marsh - 2021

Based on a generic "framework" skeleton script to help fast-track development of similar scripts

- Input files to be alpha/numeric sorting
- Source files are expected to only have a single layer
- An action and action set will need to be set to process the stacked layers
*/

#target photoshop

if (app.documents.length === 0) {

    try {

        // Save and disable dialogs
        var restoreDialogMode = app.displayDialogs;
        app.displayDialogs = DialogModes.NO;

        // Call the main script function
        batchSetProcessing();

        // Main script function
        function batchSetProcessing() {

            // Select the input folder
            inputFolder = Folder.selectDialog('Please select the folder with files to process');
            if (inputFolder === null) return;

            // Limit the file format input, add or remove as required
            var fileList = inputFolder.getFiles(/\.(png|jpg|jpeg|tif|tiff|psd|psb)$/i);

            // Force alpha-numeric list sort
            // Use .reverse() for the first filename in the merged file
            // Remove .reverse() for the last filename in the merged file
            fileList.sort().reverse();

            //////////////////////////// Static Set Quantity - No GUI ////////////////////////////

            var setQty = 3;

            //////////////////////////////////////////////////////////////////////////////////////

            // or...

            //////////////////////////// Variable Set Quantity - GUI /////////////////////////////

            /* Loop the input prompt until a number is entered
            var origInput;
            while (isNaN(origInput = prompt('Enter the number of files per set:', '3')));
            // Test if cancel returns null, then terminate the script
            if (origInput === null) {
                alert('Script cancelled!');
                return
            }
            // Test if an empty string is returned, then terminate the script 
            if (origInput === '') {
                alert('A value was not entered, script cancelled!');
                return
            }
            // Convert decimal input to integer
            var setQty = parseInt(origInput);
            */

            //////////////////////////////////////////////////////////////////////////////////////

            // Validate that the file list is not empty
            var inputCount = fileList.length;
            var cancelScript1 = (inputCount === 0);
            if (cancelScript1 === true) {
                alert('Zero input files found, script cancelled!');
                return;
            }
            // Validate the input count vs. output count
            // Thanks to Kukurykus for the advice to test using % modulus
            var cancelScript2 = !(inputCount % setQty);
            alert(inputCount + ' input files stacked into sets of ' + setQty + ' will produce ' + inputCount / setQty + ' output files.');
            // Test if false, then terminate the script
            if (cancelScript2 === false) {
                alert('Script cancelled as the quantity of input files are not evenly divisible by the set quantity.');
                return;
            }

            // Create the output sub-directory
            var outputFolder = Folder(decodeURI(inputFolder + '/' + 'Button'));
            if (!outputFolder.exists) outputFolder.create();

            // Loop through and open the file sets
            while (fileList.length) {
                // Sets of N quantity files
                for (var a = 0; a < setQty; a++) {
                    try {
                        app.open(fileList.pop());
                    } catch (e) { }
                }

                ////////////////////////////////// Start doing stuff //////////////////////////////////

                // Set the base doc layer name
                app.activeDocument = documents[0];
                docNameToLayerName();

                // Stack all open docs to the base doc
                while (app.documents.length > 1) {
                    app.activeDocument = documents[1];
                    docNameToLayerName();
                    app.activeDocument.activeLayer.duplicate(documents[0]);
                    app.activeDocument = documents[0];
                    app.documents[1].close(SaveOptions.DONOTSAVECHANGES);
                }

                function docNameToLayerName() {
                    var layerName = app.activeDocument.name.replace(/\.[^\.]+$/, '');
                    app.activeDocument.activeLayer.name = layerName;
                }

                // Do something with the layer stack, either script or action based...
                var actionName = "My Action"; // Action to run
                var actionSet = "My Action Set"; // Action set to run
                app.doAction(actionName, actionSet);

                ////////////////////////////////// Finish doing stuff //////////////////////////////////

                // Save name + suffix & save path
                var Name = app.activeDocument.name.replace(/\.[^\.]+$/, '');
                var saveFile = File(outputFolder + '/' + Name + '_x' + setQty + '-Sets' + '.tif');

                // Call the save function
                saveTIFF(saveFile);

                function saveTIFF(saveFile) {
                    tiffSaveOptions = new TiffSaveOptions();
                    tiffSaveOptions.embedColorProfile = true;
                    tiffSaveOptions.byteOrder = ByteOrder.IBM;
                    tiffSaveOptions.transparency = true;
                    // Change layers to false to save without layers
                    tiffSaveOptions.layers = true;
                    tiffSaveOptions.layerCompression = LayerCompression.ZIP;
                    tiffSaveOptions.interleaveChannels = true;
                    tiffSaveOptions.alphaChannels = true;
                    tiffSaveOptions.annotations = true;
                    tiffSaveOptions.spotColors = true;
                    tiffSaveOptions.saveImagePyramid = false;
                    // Image compression = NONE | JPEG | TIFFLZW | TIFFZIP
                    tiffSaveOptions.imageCompression = TIFFEncoding.TIFFLZW;
                    // Save as
                    app.activeDocument.saveAs(saveFile, tiffSaveOptions, true, Extension.LOWERCASE);
                }

                // Close all open files without saving
                while (app.documents.length) {
                    app.activeDocument.close(SaveOptions.DONOTSAVECHANGES);
                }

            }

            // Restore saved dialogs
            app.displayDialogs = restoreDialogMode;

            // End of script notification
            // Ensure that the following file format filter matches the save format
            var outputList = outputFolder.getFiles(/\.(tif|tiff)$/i);
            app.beep();
            alert('Script completed!' + '\n' + outputList.length + ' combined files saved to:' + '\n' + outputFolder.fsName);

            // Open the output folder
            outputFolder.execute();

        }

    } catch (e) {

        // Restore saved dialogs
        app.displayDialogs = restoreDialogMode;
        alert("If you see this message, something went unexpectedly wrong!")

    }
}

else {

    alert('Attention:' + '\n' + 'Please close all open documents before running this script!');

}

Downloading and Installing Adobe Scripts

In English, this is an "action".

I believe that you will need what is known as a "script".

This can select say groups of 3 images and your action could then combine them.

File001.jpg

File002.jpg

File003.jpg

_________

File004.jpg

File005.jpg

File006.jpg

etc.

I have a basic "framework" script that is easy to adapt for your purposes.