BANNIÈRE, DIAPORAMA, FONDU, AJAX
rubiks10
Messages postés
224
Date d'inscription
lundi 19 décembre 2005
Statut
Membre
Dernière intervention
6 juin 2007
-
1 juin 2007 à 13:06
sartoz Messages postés 27 Date d'inscription vendredi 15 octobre 2010 Statut Membre Dernière intervention 12 août 2012 - 21 févr. 2011 à 20:05
sartoz Messages postés 27 Date d'inscription vendredi 15 octobre 2010 Statut Membre Dernière intervention 12 août 2012 - 21 févr. 2011 à 20:05
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/42611-banniere-diaporama-fondu-ajax
https://codes-sources.commentcamarche.net/source/42611-banniere-diaporama-fondu-ajax
21 févr. 2011 à 20:05
18 janv. 2010 à 17:59
3 juin 2009 à 11:57
la boucle du diaporama ne marche pas cad que le diaporama s'arrete sur la deuxieme image
Est ce que vous auriez une solution pour que le diaporama continue sans blocage?
merci d'avance
28 juil. 2008 à 21:38
Merci
19 avril 2008 à 12:37
Pour mooky3d, sa fait un longtemps que je n'ai pas vu ce code, mais j'ai regardé vite fait.
Je pense que t'as plus besoin de la partie VisuelPos... et la tu fait t'ulise l'instruction rand dont je ne sais plus l'instruction, je crois que c'est srand:
document.getElementById("visuel").innerHTML+="<img src='" + VisuelTab[rand(VisuelTab.length )][0] ...
Après pour le lien, tu ajoutes tes liens dans le tableau et comme sa tu auras un lien associé à ton image. Mais dans tous les cas il va falloir un peu se pencher dans le code.
Pour ninjin94, je sais pas :s
Have fun
18 avril 2008 à 23:23
Le code ne fonctionne pas, il affiche une et unique image même si je recharge la page...
19 août 2007 à 10:41
Dans l'affichage des images est il possible d'accrocher un lien pour chacune des images ?
je supposerais que c'est certainement dans cettte partie du code pour l'affichage.
######## Extrait de visuel.js de ABDOULAX ##########
#{
# VisuelPosChange=VisuelPos;
# VisuelPos++;
# if ( VisuelTab.length <= VisuelPos )
# VisuelPos=0;
#
# if ( VisuelTab[VisuelPosChange][1] == 1 )
# ICI ? -># document.getElementById("visuel").innerHTML+="";
# else
# {
# setTimeout("Visuel_Defil()", 10);
# return 0;
# }
# Visuel_Fondu();
#}
###########
Pour la définition du lien j'imagine que c'est à rajouter dans la liste de définitions des images
###########
# var VisuelTab = [
# ["visuel_2.jpg",0],
# ["visuel_3.jpg",0],
# ["visuel_4.jpg",0],
# ["visuel_5.jpg",0],
# ["visuel_1.jpg",0],
# ];
###########
Merci Arnaud
19 août 2007 à 10:17
Je m'en sers pour l'affichage d'une galerie dans la bannière de mon site.
Cependant je ne suis pas programmeur, et j'aurai aimé savoir s'il était possible de rendre aléatoire, le chargement et l'affichage des images de manière à ce que les visiteurs du site ne voie pas toujours les mêmes images (les premières en particulier).
je ne demande pas de le faire à ma place mais au mois m'indiquer un chemin de reherche.
Juste une remarque pour les apprentis sorciers dans mon genre ;-), Il manque un peu d'information dans le code de ton fichiers. je veux dire par là qu'avec des commentaires en entête de chaque partie et fonctions importantes de ton code, nous pourrions en même temps que l'utiliser, Apprendre et comprendre le fonctionnement du script. Bien sur c'est mon avis et c'est quand même ton code ;-).
Amicalement Arnaud (Alias Mooky)
25 juil. 2007 à 19:38
Have fun
25 juil. 2007 à 16:41
donc si quelqu'un veux un bout de mon code...?
25 juil. 2007 à 16:37
y'a qu'a remonter tes manches ^^
25 juil. 2007 à 16:31
Merci
25 juil. 2007 à 16:12
25 juil. 2007 à 16:04
J'ai par contre un soucis au niveau du rafraichissement du diaporama : j'aimerai qu'il tourne en boucle sans etre obliger de rafraichire toute la page.
Voulez vous un bout de mon code ?
Merci d'avance
25 juil. 2007 à 15:31
6 juin 2007 à 23:52
Et tes conseils je les ai acceptés, la preuve j'ai fait une version avec la fonction new Image().
Have fun
6 juin 2007 à 21:22
Il y a maintenant pratiquement 1 an j'ai déposé une source que j'ai faite sur ce site sur un outil javascript permettant de faire des diaporamas un peu comme Flash. Et heureusement que Opéra fonctionne pour le new Image(). C'est la base de tout navigateur pour le traitement d'images. Et pour corriger ton histoire de cache avec Ajax, ce n'est pas une particularité d'Ajax mais un défaut qui apparait seulement sur Internet Explorer pour le cache des images (il ne met pas a jour l'image même si l'image est différente donc un tips est de rajouter dans l'url de l'image le timecode courant) puis le navigateur garde en cache seulement la réponse XML lors d'une requete Ajax et en aucun cas un code binaire d'une image récupéré par la réponse Texte.
Je suis désolé mais je pense que tu n'as rien compris au cache d'un navigateur est comment fonctionne une requête Ajax.
Sur ce je vais arrêté de discuter avec toi car cela ne mène nulle part et tu ne veux pas admettre tes erreurs et pas accepter des conseils.
++
6 juin 2007 à 20:18
Have fun
(faut que je mette ma source à jour, problème d'opacité avec opera
3 juin 2007 à 22:20
Sinon merci pour le code, je teste ça dessuite...
Have fun
3 juin 2007 à 04:36
remplace la ligne :
tonimage[LoadVisuelPos].onload = function() { JsIsLoading(LoadVisuelPos); };
par :
tonimage[LoadVisuelPos].onload = eval("function() { JsIsLoading("+LoadVisuelPos+"); }");
aller bye
3 juin 2007 à 04:27
Sinon je te redis encore une fois ... Ajax ne sert à rien!!!!! C'est pas une requête Ajax qui mets quoi que ce soit dans le cache. Ajax permet de communiquer dynamiquement avec un serveur et donc sert à échanger des informations entre client et serveur, je sais de quoi je parle sinon je ne me serais pas permis de te laisser le message précédent, enfin bon si tu ne veux pas me croire c'est comme tu veux, ca va pas m'empecher de dormir. Mais vu ce que tu me dis tu devrais tout de même aller te renseigner un peu plus sur le fonctionnement du cache d'un navigateur alors, ainsi que l'utilité des requêtes Ajax et surtout comment on s'en sert.
Une requête Ajax dont on ne se sert pas de la réponse c'est que dans un cas bien précis lorsqu'on veut enregistrer quelque chose dans une base de données. dans les autres cas on veut que le serveur nous renvoie des données donc qu'on se sert de la réponse.
Je te ferai ca demain ++
2 juin 2007 à 19:36
function LoadVisuel() {
var tonimage=new Array();
for ( LoadVisuelPos=0;LoadVisuelPos<VisuelTab.length;LoadVisuelPos++)
{
tonimage[LoadVisuelPos] = new Image();
tonimage[LoadVisuelPos].src = VisuelTab[LoadVisuelPos][0];
tonimage[LoadVisuelPos].onload = function() { JsIsLoading(LoadVisuelPos); };
}
}
function JsIsLoading(LoadVisuelPos_) {
alert("hihi" + LoadVisuelPos_);
//alert(LoadVisuelPos_ + " - " + VisuelTab[LoadVisuelPos_][0]);
VisuelTab[LoadVisuelPos_][1]++;
if ( VisuelPos==-1 )
{
VisuelPos=0;
Visuel_Defil();
}
}
Lors de l'appel de la fonction JsIsLoading(LoadVisuelPos_) une fois que l'image est chargé, mon problème est de récupérer le bon paramètre, cad 0, 1, 2, 3 ou 4. Ici à chaque evenement il me sort 5.
Merci de ton aide :p
Have fun
2 juin 2007 à 13:02
Cependant je veux bien admettre que la solution avec new Image()... peut très bien marché, c'est à tester (ce week end j'espère)!
En tout cas j'espère que tu comprends mieux le fonctionnement de ce code et qu'on est pas obligé d'utiliser tes fameuses réponses!!
Have Fun
1 juin 2007 à 22:04
Ce n'est pas tes requêtes Ajax qui chargent tes images voilà.
D'ailleurs l'exemple sans ajax que tu as mis avec est OK et l'autre avec Ajax ne sert à rien. Voilà c'est pas méchant c'est juste pour que tu comprennes que tes requêtes ne servent à rien et sont dans le vent.
1 juin 2007 à 13:39
En faite je connaissé pas cette méthode, du moins y a lontemps je croi l'avoir déjà vu, cependant dès que j'ai le temps je vais essayer de l'adapter à mon programme.
Enfin voilà, un 1/10 c'est méchant juste pour le choix d'une methode!!
Have fun
1 juin 2007 à 13:06
Je pense que tu veux impressionné du monde en utilisant ajax dans ta source... Ajax ne sert à rien et surtout pas pour charger des images. Et puis en plus si au moins tu utilisais la réponse de la requête (responseText) qui contient le code binaire de l'image ok peut être que ca pourrais marcher mais la ce n'est pas le cas.
Sache que pour charger une image en javascript on fait :
var tonimage = new Image(URL);
tonimage.onload = function() { // Ici tu es sûr que ton image est chargée }
Voilà j'espère que cela te servira à l'avenir et que tu arrêteras d'utiliser Ajax pour rien.
@+