Probleme message "attendez pendant le chargement"

Résolu/Fermé
mont_dani Messages postés 229 Date d'inscription mardi 6 juin 2017 Statut Membre Dernière intervention 10 février 2024 - 4 avril 2022 à 09:57
mont_dani Messages postés 229 Date d'inscription mardi 6 juin 2017 Statut Membre Dernière intervention 10 février 2024 - 4 avril 2022 à 10:56
Bonjour

J'ai préparer en cherchant sur la web un message qui apparait quand les pages a charger sont trop lourdes.

Cela fonctionne bien en local mais pas sur mon site.

Voici mon code.

<?php include("../../texto.php");?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        	
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
		<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
	
 <style>
.loading  {
		position: fixed;
		left: 50%;
		top: 50%;
		width: 500px;
		height: 300px;
		margin-top: -100px; /* Negative half of height. */
		margin-left: -250px; /* Negative half of width. */
		z-index: 9999;
		background:  url('image/walk.gif'), radial-gradient(circle, #ffffff 30%, #89B700 );
		background:  url('image/walk.gif'), -webkit-radial-gradient(circle, #ffffff30% , #89B700 );
		background-position: 50% 50% , left top;
		background-repeat: no-repeat;
		border: 5px solid #000000;
		}
	
</style>
</head>
<body>

		<div class="loading"><p id="descarga" >S'IL TE PLAIT, ATTENDS ...</p></div> 
		
		<P> MON SRCIPT POUR AFFICHER MES VIDEO ET PHOTO</P>

		 <script src="../../../lightbox/dist/js/lightbox-plus-jquery.min.js"></script>
		
		<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(window).load(function (){
             $(".loading").fadeOut("slow");
   });
</script>
</body>
</html>


Merci pour votre aid4

4 réponses

jordane45 Messages postés 38137 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
4 avril 2022 à 10:22
Bonjour,

ça ne marche pas sur ton site .. c'est à dire ?
Tu as regardé dans la console de ton navigateur si il n'y aurait pas des erreurs ?
Tu as bien uploadé sur ton serveur la librairie lightbox que tu sembles avoir en local ?
Tu as une URL à nous donner pour qu'on puisse regarder ?
0
mont_dani Messages postés 229 Date d'inscription mardi 6 juin 2017 Statut Membre Dernière intervention 10 février 2024
4 avril 2022 à 10:28
0
mont_dani Messages postés 229 Date d'inscription mardi 6 juin 2017 Statut Membre Dernière intervention 10 février 2024
4 avril 2022 à 10:46
et le code complet


<link rel="stylesheet" href="/lacansera/css/menu.css">
		<link rel="stylesheet" href="/lacansera/css/general.css">
		<link rel="stylesheet" href="/lacansera/css/libro.css">
		<link rel="stylesheet" href="/lacansera/css/entete.css">
		<link rel="stylesheet" href="/lacansera/css/cookies.css">
		<link rel="stylesheet" href="/lacansera/css/pie.css">
		<link rel="stylesheet" href="/lacansera/css/categoria.css">
		<link rel="stylesheet" href="/lacansera/css/noticias.css">
		<link rel="stylesheet" href="/lacansera/css/presentacion_noticias.css">
		<link rel="stylesheet" href="/lacansera/lightbox/dist/css/lightbox.css">
		
0
mont_dani Messages postés 229 Date d'inscription mardi 6 juin 2017 Statut Membre Dernière intervention 10 février 2024
4 avril 2022 à 10:56
probleme résolu en regardant la console

Sur une direction web d'un script j'avais "http...." il fallait mettre" https...." puisque ma page est en https.

Merci, pour l'info de la console.
0