igeoorge 26 Posted June 30, 2019 Share Posted June 30, 2019 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; }} Link to comment Share on other sites More sharing options...
igeoorge 26 Posted October 15, 2019 Author Share Posted October 15, 2019 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 Link to comment Share on other sites More sharing options...
Happy2Play 8296 Posted October 15, 2019 Share Posted October 15, 2019 (edited) 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 Link to comment Share on other sites More sharing options...
Rafick 3 Posted October 30, 2019 Share Posted October 30, 2019 (edited) 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 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now