Image of the top dynamic

[igeoorge 26]

Friends, is it possible to leave this dynamic top image?

 

 

I would like the image to change by another my choice every time someone enters or leaves the server.

 

Is this possible?

 

 

This is the code I use to put the image there

 

#homeTab:before {

    content: '';: '';

    background: url(https://mundoviajar.com.br/wp-content/uploads/2016/08/sunset-beach-cambury.jpg) no-repeat center;: url(https://mundoviajar.com.br/wp-content/uploads/2016/08/sunset-beach-cambury.jpg) no-repeat center;

    height: 20em;: 100em;

    display: block;: block;

    background-size: cover;-size: cover;

}}

 

[igeoorge 26]

Hi @@Happy2Play

 

This code has stopped working at a time.

 

Could you help me put a code for version 4.2.1.0?

 

Thank you very much for your attention

[Happy2Play 9441]

Hi @@Happy2Play

 

This code has stopped working at a time.

 

Could you help me put a code for version 4.2.1.0?

 

Thank you very much for your attention

 

I have no issue using the code above in 4.2.1.0.  But I do not understand the additional code.

#homeTab:before {
    content: '';
    background: url(https://mundoviajar.com.br/wp-content/uploads/2016/08/sunset-beach-cambury.jpg) no-repeat center;
    height: 20em;
    display: block;
    background-size: cover;
}

But for the image to change, that would require a script. Edited October 15, 2019 by Happy2Play

[Rafick 3]

 

 

I used this code in home.html

<link rel="stylesheet" href="css/gallery.theme.css">
    <link rel="stylesheet" href="css/gallery.min.css">

        <div class="gallery autoplay items-3">

            <div id="item-1" class="control-operator"></div>
            <div id="item-2" class="control-operator"></div>
            <div id="item-3" class="control-operator"></div>

            <figure class="item">
                <h1><img src="css/images/01.jpg"></h1>
            </figure>

            <figure class="item">
                    <h1><img src="css/images/02.jpg"></h1>
            </figure>

            <figure class="item">
                <h1><img src="css/images/03.jpg"></h1>
            </figure>

            <div class="controls">
                <a href="#item-1" class="control-button">.</a>
                <a href="#item-2" class="control-button">.</a>
                <a href="#item-3" class="control-button">.</a>
            </div>
</div>

gallery.theme.css  gallery.min.css

https://drive.google.com/drive/folders/1ZzHQ3-B2yfASTrdhpkWAA0JKwNwxI4oz?usp=sharing

 

 

 

When the page loads the images get low and low, how to solve?

Edited October 31, 2019 by Rafick