[Release] MC_Load - A Bootstrap themed Loading Screen

FiveM Resource Development & Modding Releases
,
1

Hello all. Welcome to my new loading screen, this loading screen is a bootstrap themed loading screen made for my old community, I will be releasing a few scripts I have made for the server but here is one of the scripts (well loading screen)

Download

Download via GitHub
MC_Load.zip (6.4 MB)

Installing

  1. download/git clone this file into your resources folder
  2. add start MC_Load to your server.cfg file\
  3. ensure or restart your server and enjoy your new loading screen

Editing the HTML file

To edit this loading screen to your liking please edit the HTML file provided.

to change the text:

                    <div class="carousel-item active" style="background-image: url('./images/load_1.jpg')">
                      <div class="carousel-caption d-none d-md-block">
                        <h2 class="display-4">Welcome to Mattos all new loading screen</h2>
                        <p class="lead">To edit this edit the html file</p>
                      </div>

and edit the text
Welcome to UDF Gaming
to your liking and then profit

Known Bugs:

When you move your mouse on loading the images and slider stops moving

  • Cursor will be disabled in version 1.2 of the loading screen

Images

U9gAp
U9gAp1920×937 740 KB

18W12
18W121920×937 519 KB

Disclaimer

This is in no way connected to my old loading screen. please create a issue on my github release if theres a issue

As stated this loading screen disables the bridge that Five M recently implemented

2 Likes
2

yes, i rate 9/5 stars
i like this loading screen

1 Like
3

Could you clarify this a bit? Sounds like you can break it very easily with little to no effort.

Additionally, perhaps mention that this removes the bridge, as some people might have done this already separately.

Finally, do you really need an advertisement printed to the server console? Imagine if every resource did this, it would be mayhem.

1 Like
4

you can disable mouse on loadingscreen

5

Nice broo

6

what about music ?

7

you can sort music out via the

<audio>

tags. you can either stream it from a URL for example

https://mattomc.xyz/images/The%20Phantoms%20Made%20for%20this.mp3

or through the files and provide the file name in the __resource.lua file

8

The index file don’t work.
But nice loadingscreen :slight_smile:

9

What do u mean the index doesn’t work? As in doesn’t show in game? Could you explain more?

10

here’s a little fix for allowing the images to slide whilst clicking/hovering:

  1. Take out the interval JavaScript slide timer (above optional javscript)
  2. add the following code to control the carousel with inline javasc):
    <!-- Optional JavaScript -->
    <script>
        $('.carousel').carousel({
            pause: false,
            interval: 10000
        })
    </script>
1 Like