Membre
|
Bonjour j'ai réalisé une galerie d'image en javascript
<div id="download" style="display:none;">
<p><img src="script/loader.gif" alt=""/></p>
<div align="center"> <img id="image1" src="album/batiment/markets.jpg" style="width:572px;height:430.25px;" /></div>
</div>
<form id="vision1">
<div align="center">
<img src="images/flechesuivantdroite.png" name="precedent" class="precedent" onclick="diapo1.precedente();"/>
<img src="images/lectureauto.png" name="automat" class="automat" onclick="diapo1.auto();">
<img src="images/flechesuivantgauche.png" name="suivant" class="suivant" onclick="diapo1.suivante();"/>
</div>
</form>
J'ai alors mis le code du div download pour l'image de chargement que j'ai assemblé avec l'ajax suivant.
function getXMLHttpRequest() {
var xhr = null;
if (window.XMLHttpRequest || window.ActiveXObject) {
if (window.ActiveXObject) {
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
} else {
xhr = new XMLHttpRequest();
}
} else {
alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
return null;
}
return xhr;
}
var xhr = getXMLHttpRequest();
xhr.onreadystatechange=function(){
if(xhr.readyState == 2)
getElementById("download").style.display = 'block';
if(xhr.readyState == 4 && xhr.status == 200)
{
getElementById("download").style.display = 'none';
}
vous pouvez le constater sur cette page:
gallery
J'espere que vous trouverez une solution a ce probleme
merci
|
Admin
|
Bonjour,
Pour commencer, dans ton fichier javascript.js, remplace ça:
var xhr = getXMLHttpRequest();
xhr.onreadystatechange=function(){
if(xhr.readyState == 2)
getElementById("download").style.display = 'block';
if(xhr.readyState == 4 && xhr.status == 200)
{
getElementById("download").style.display = 'none';
}
/*fin du code javascript sur les gallerie d'images*/
/*................................................*/
Par ça:
var xhr = getXMLHttpRequest();
xhr.onreadystatechange=function(){
if(xhr.readyState == 2)
getElementById("download").style.display = 'block';
if(xhr.readyState == 4 && xhr.status == 200)
{
getElementById("download").style.display = 'none';
}
}
/*fin du code javascript sur les gallerie d'images*/
/*................................................*/
Car tu a oublié de fermer l'accolade de ta fonction.
Cordialement
|
Membre
|
re j'ai ajouté l'accolade mais toujours rien.
|
Admin
|
Bonjour,
Il faut enlever le style="display:none;" du div download. Les images devraient s'afficher.
Cordialement
|
