Loading AJAX pour les images

[xTonRx]

bonjour

je cherch un system de loading en ajax pour le chargement d une gallerie photo (loading sur chaque image)

merci bcp

 

[narayana]

Bonjour,
Il faut plaçer un div en bas de page contenant une animation de loading

<div id="download" style="display:none;">
	<p><img src="img/barre.gif" alt=""/></p>
</div>

Puis la requete ajax il faut être en asynchrone

xhr.onreadystatechange=function(){
  if(xhr.readyState == 2)
	getElementById("download").style.display = 'block';
	if(xhr.readyState == 4 && xhr.status == 200)
	 {
	   ...
            getElementById("download").style.display = 'none';
	 }
....

 

[xTonRx]

merci bcp je v tester

 

[narayana]

pas de quoi
pour info getElementById("download").style.display = 'block'; dans absolument être placé à l'endroit où je l'ai précisé, sinon vous risquez d'avoir des mauvaises surprises avec safari sous mac :wink:

 

[xanti]

Bonjour

je voulais savoir si le fait de faire le download des images en ajax pouvait poser des problemes pour le référencement de ces images sur les différents moteur d'images (google images, etc ...).

merci

 

[xTonRx]

comment lappliquer ala volée pour une serie de vignette extraite d'un repertoire ?

en gros je veux que le loading.gif s'affiche "sous" chaque vignette qui charge

 

[narayana]

Bonjour
je voulais savoir si le fait de faire le download des images en ajax pouvait poser des problemes pour le référencement de ces images sur les différents moteur d'images (google images, etc ...).
merci

Si vous agissez avec du javascript puis du DOM pour disposer l'image dans un div alors les moteurs de recherche ne pourront pas référencer vos images.

comment lappliquer ala volée pour une serie de vignette extraite d'un repertoire ?
en gros je veux que le loading.gif s'affiche "sous" chaque vignette qui charge

Logiquement si vous êtes en asynchrone il n'y a pas d'obstacle à cela. LEs images se chargeront en même temps.

 

[xanti]

si j'ai bien compris les moteurs ne trouveront pas le lien img avec l'exemple ci dessus, faudrait t’il faire pour que les images soit indexé une version classique (html ou/et CSS) et faire une version avec l’intégration de l’ajax qui serait activé quand le javascript est détecté sur le navigateur ?

 

[xTonRx]

donc en gros, ya un div avec le meme ID qui se repete?

 

[narayana]

donc en gros, ya un div avec le meme ID qui se repete?

a première vue
une fonction sur le body onload

Après un tableau javascript avec les id des div
une boucle qui traite ce tableau et qui envoie des requetes ajax
donc plusieurs id

 

[Misaki]

Pas besoin d'ajax pour faire ca , tu fait un div avec un background= image de chargement , et dedans un img src= , et quand l'image est chargé , elle cache toute seule l'image loading ( logique puisqu'elle est par dessus )

 

[narayana]

;-)