Configuration

You can modify the script.js file to change the appearance and behavior of the loading screen, music, staff, and more.

General Settings

All configuration is done in jj-loading/html/script.js at the top of the file. Here is an example of the config object:

let config = {
    StaffTable: {
        enabled: true,
        title: "Staff team",
        staff: [
            {
                name: "AfterMood - JJ-Scripts",
                role: "Owner",
                image: "https://cdn.discordapp.com/avatars/937272655562825758/a_b75140a4aa142d7adf32421ad6aed8e9.webp?size=80"
            },
            // Add more staff members here:
            {
                name: "New Staff",
                role: "Moderator",
                image: "images/logo.png"
            }
        ]
    },
    Music: {
        enabled: true,
        defaultVolume: 0.5,
        autoplay: true,
        songs: [
            {
                title: "Wannabe's",
                artist: "G1nter & Young Sagvan",
                file: "music/music1.mp3",
                cover: "https://yt3.ggpht.com/idDnGDK1XWwQQCo5__J77fTYjMuHU2CVdhDoi1jwloL2apmr_eZn0LdbwFCQvXkQjzI3H3YMQA=s48-c-k-c0x00ffffff-no-rj"
            },
            // Add more songs here:
            {
                title: "New Song",
                artist: "New Artist",
                file: "music/music2.mp3",
                cover: "images/logo.png"
            }
        ]
    },
    // ... more config ...
}

Music Settings

  • enabled: Enable or disable the music player.
  • defaultVolume: Set the default volume (0.0 - 1.0).
  • autoplay: Should music start automatically?
  • songs: List of songs (title, artist, file path, cover image).

Staff Table

  • enabled: Show or hide the staff table.
  • title: Title of the staff table.
  • staff: List of staff members (name, role, image).
  • enabled: Show or hide the logo.
  • image: Path to your logo image.
  • width/height: Logo size.

Backgrounds

  • BackgroundImages: Array of image paths for backgrounds.

Loading Texts

  • LoadingTexts: Array of loading messages shown during progress bar animation.

Example: Adding a Song or Staff Member

To add a new song or staff member, simply add a new object to the relevant array in the config at the top of script.js:

// Add a new staff member:
{
    name: "New Staff",
    role: "Moderator",
    image: "images/logo.png"
}

// Add a new song:
{
    title: "New Song",
    artist: "New Artist",
    file: "music/music2.mp3",
    cover: "images/logo.png"
}

Just place the new object inside the staff or songs array, separated by a comma.

For advanced customization, you can edit the HTML and CSS files in the html/ folder.