BANNIÈRE, DIAPORAMA, FONDU, AJAX

Commentaire de abdoulax le 01/06/2007 13:39:17

Lol, a quand même, genre j'avais envie de me la pété alors j'ai mis de l'AJAX. En faite ce code je l'ai utilisé pour réaliser un site lors de mon stage. Donc avant tout ce code a été réalisé pour un site et non pour impressionné les gens, comme tu peux le croir!!
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

Commentaire de abdoulax le 02/06/2007 13:02:48

Contrairement à ce que tu croi, AJAX sert! Il sert à charger les images, avant de les afficher. Celle qui ne sont pas charger ne s'afficheront pas lors du diaporama. Elles attendront le prochain tour quand elles seront chargées. Pour ton histoire de réponse, faut que tu saches qu'on est pas obligé de l'utilisé. Moi j'utilise AJAX pour que l'image soit chargé dans le cache du navigateur. La version sans AJAX marche très bien en local, mais dès que tu vas la mettre en ligne, sa risque de merdé (tant de téléchargement de l'image).
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

Commentaire de rubiks10 le 03/06/2007 04:27:44

Bon vu l'heure qu'il est je n'ai pas trop envie de réfléchir à ca je regarderai ton code demain...

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 ++

Commentaire de abdoulax le 03/06/2007 22:20:38

Lol, a vrai dir ce que tu me dis n'est pas fondé, donne moi des exemples!! Moi j'ai fait des essaie et je te confirme que AJAX met les images en cache. Tape AJAX et cache sur google, tu vas voir que tu te trompe. Bon j'espere que je vais réussir à te rendre compte que tu as tor!!

Sinon merci pour le code, je teste ça dessuite...

Have fun

Commentaire de rubiks10 le 06/06/2007 21:22:38

Je n'ai rien à apprendre de toi, je suis ingénieur informatique spécialisé dans le développement Web 2.0.

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.

++

Commentaire de Maxdivertis le 25/07/2007 15:31:09

Une ressource qui m'a sauvé la vie pour mon stage, merci.

Commentaire de abdoulax le 25/07/2007 16:12:48

Je ne comprends ce que tu veux exactement!! ??

Commentaire de Renfield le 25/07/2007 16:37:30 administrateur CS

ben comme dirai l'autre...
y'a qu'a remonter tes manches ^^

Commentaire de abdoulax le 25/07/2007 19:38:40

Normalement mon code reboucle sur le premier élément. Si tu veux y a une version sans AJAX. Continue un peu à chercher... Et si tu trouves pas montre nous ton pb!!

Have fun

Commentaire de Mooky3D le 19/08/2007 10:41:17

je savais que j'avais oublier quelque chose, Milles excuses pour ce deuxième post.

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+="<img src='" + VisuelTab[VisuelPosChange][0] + "' #id='visuel_" + VisuelPosChange + "' style='filter:alpha(opacity=0); -moz-opacity:0; position: center; margin-left: #0px;' />";
# 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

Commentaire de abdoulax le 19/04/2008 12:37:32

oula j'avais pas vu ces postes, dsl de pas avoir répondu.

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

Commentaire de toga222 le 03/06/2009 11:57:46

bonjour,
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