Loading Screen

RedTroz · 23 Janvier 2017

Bonsoir,
Je cherche a faire un loading screen simpliste.
Sauf que, je ne sais pas trop comment m'y prendre...
J'aimerais juste que quelques images défiles avec le logo du serveur.
Si quelqu'un sait comment ca fonctionne, je suis ouvert à toutes discussions..
Merci !
Bonne soirée.

Zozo147 · 23 Janvier 2017

RedTroz à dit:
Bonsoir,
Je cherche a faire un loading screen simpliste.
Sauf que, je ne sais pas trop comment m'y prendre...
J'aimerais juste que quelques images défiles avec le logo du serveur.
Si quelqu'un sait comment ca fonctionne, je suis ouvert à toutes discussions..
Merci !
Bonne soirée.

Il faudrait faire des images et faire un carousel avec Bootstrap et relier le tout avec cette méthode : http://wiki.garrysmod.com/page/Loading_URL

( Et tout ça hébergé sur un site )

RedTroz · 23 Janvier 2017

Zozo147 à dit:
Il faudrait faire des images et faire un carousel avec Bootstrap et relier le tout avec cette méthode : http://wiki.garrysmod.com/page/Loading_URL

( Et tout ça hébergé sur un site )

Ha, d'accord.
Merci de ton aide !
Bonne soirée.

Yoh Sambre ♪ · 23 Janvier 2017

Zozo147 à dit:
Il faudrait faire des images et faire un carousel avec Bootstrap et relier le tout avec cette méthode : http://wiki.garrysmod.com/page/Loading_URL

( Et tout ça hébergé sur un site )

Ou juste du HTML dans son cas non ?,?

RedTroz · 23 Janvier 2017

Zozo147 à dit:
Il faudrait faire des images et faire un carousel avec Bootstrap et relier le tout avec cette méthode : http://wiki.garrysmod.com/page/Loading_URL

( Et tout ça hébergé sur un site )

Yoh Sambre ♪ à dit:
Ou juste du HTML dans son cas non ?,?

J'avais pensé dans ce sens aussi :S
Je sais pas si c'est possible ?

Zozo147 · 23 Janvier 2017

Yoh Sambre ♪ à dit:
Ou juste du HTML dans son cas non ?,?

Justement bootstrap facilite l'utilisation du html/css car il y a déjà des trucs fait

Yoh Sambre ♪ · 23 Janvier 2017

RedTroz à dit:
J'avais pensé dans ce sens aussi :S
Je sais pas si c'est possible ?

Après c'est vraiment le truc de base j'aurais rien de stylé xD

RedTroz · 23 Janvier 2017

Zozo147 à dit:
Justement bootstrap facilite l'utilisation du html/css car il y a déjà des trucs fait

Je vais essayer...

Merci de votre aide !

RedTroz · 23 Janvier 2017

@Zozo147
Un truc dans ce genre là :

<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<img class="d-block img-fluid" src="..." alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block img-fluid" src="..." alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block img-fluid" src="..." alt="Third slide">
</div>
</div>
</div>

Zozo147 · 23 Janvier 2017

RedTroz à dit:
@Zozo147
Un truc dans ce genre là :

Oui je crois

RedTroz · 23 Janvier 2017

Zozo147 à dit:
Oui je crois

Sa marche, merci !

RedTroz · 23 Janvier 2017

Donc, j'ai trouvé.
Mais ! Je n'arrive pas à config la hauteur et la largeur, y'a un petit soucis, mais je ne le trouve pas :/
Et pourtant, j'ai déja essayé de rajouter height: ...px;

Voici le code :

<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
width: 100%;
margin: relative;
}
</style>
</head>
<body>

<div class="container">
<br>
<div id="myCarousel" class="carousel slide" data-ride="carousel">


<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="image1.jpg" alt="Chania" width="1920" height="1280">
</div>

<div class="item">
<img src="image2.jpg" alt="Chania" width="1920" height="1280">
</div>

<div class="item">
<img src="image3.jpg" alt="Flower" width="1920" height="1280">
</div>

<div class="item">
<img src="image4.jpg" alt="Flower" width="1920" height="1280">
</div>
</div>

</a>
</div>
</div>

</body>
</html>

Si quelqu'un s'y connait un peu, veuillez-bien m'aider.
Merci !

Loading Screen

RedTroz

Geek suprême

Zozo147

Helpeur Divin

RedTroz

Geek suprême

Yoh Sambre ♪

Shaman Fou

RedTroz

Geek suprême

Zozo147

Helpeur Divin

Yoh Sambre ♪

Shaman Fou

RedTroz

Geek suprême

RedTroz

Geek suprême

Zozo147

Helpeur Divin

RedTroz

Geek suprême

RedTroz

Geek suprême