2010-10-26 6 views
0

Je veux créer un élément de galerie photo qui a un bouton de lecture et la navigation suivante/précédente ... Je peux faire le prochain et précédent en utilisant ajax load ... et je ne veux pas pour précharger les données pour la fonctionnalité de jeu .. la seule façon dont je peux penser est d'utiliser l'appel ajax dans une minuterie pour la fonctionnalité de jeu ... mais encore..calls se produira d'une manière infinie jusqu'à ce que la personne navigue loin ... est là une meilleure façon que je peux faire >>> ??? Puis-je faire un appel ajax pour obtenir le html de chacun et mettre en tableau et itérer..si donc comment je vais à ce sujet >> ??? ou y a-t-il une meilleure solution pour cela?Javascript/Ajax aide requise

Répondre

0

obtenir toutes les URL d'image à partir de 1 appel ajax et le stocker dans un tableau et définir dynamiquement image src en utilisant javascript sur une période de temps. Mais sans utiliser le préchargement, le scintillement peut se produire

+0

c'est quelque chose que j'avais pensé mais ne peux pas aller exactement à peu près aussi nous devons appeler l'image urls dans un servlet différent avant de rendre le code HTML que les images devaient être mis à l'échelle de tailles différentes et mis en cache ... de toute façon maintenant je suis allé avec une approche de diff .. demande d'ajax après un intervalle de temps ... de toute façon ... thnks pour le copain de suggestion ... –

0

Voici une approche simple.


//Global variable 
var imgList; 
var imgPntr = 0; 

//AJAX function 
function getImagesUrl() 
{ 
    //Some code here 

    //On success 
    return arrayOfUrl; 
} 

// call this to prepare the images 
function prepareImages() 
{ 
    var temp = getImagesUrl(); 
    for(var i = 0; i 0) { 
     imgPntr--; 

     //Load this image in your gallery 
     loadImage(imgList[imgPntr]); 
    } else { 
     //Either rotate to end or alert the user end or disable prev button 
    } 

} 

// Call on press play 
function play() 
{ 
    // Use setTime out and call showNext() until end 
}