Barre d'images en js et ajax

Eléphant du PHP | 451 Messages

23 mars 2008, 19:49

Bonjour,

J'ai vu un script très intéressant sur un site qui montre 4 images et on peu en voir d'autre en cliquant sur des flèches.

Voici le site ici

J'ai fais des recherches sur google et j'ai trouvé un script ici

Mais je n'ai pas trouvé comment faire avec se script et ce qui est sur c'est le site utilise se script.

Si quelqu'un avait une idée elle serait la bien venu

Merci d'avance

ViPHP
ViPHP | 4674 Messages

23 mars 2008, 20:33

Bonsoir,
rien pigé, j'ai relu 4 fois pour arriver à un minimum de cohérence mais je m'avoue vaincu. Est-ce que tu pourrais écrire précisément ton idée ?

Ce qui se conçoit bien s'énonce clairement, et les mots pour le dire viennent aisément. Ne l'oublie pas ;-).
« Un handicap est le résultat d'une rencontre entre une déficience ou différence et une incapacité de la société à répondre à celle-ci. »

Hoa : http://hoa-project.net (sur @hoaproject).

Eléphant du PHP | 451 Messages

23 mars 2008, 21:02

En haut du premier site il y a une barre ou il montre leur kits graphiques.

Et moi je voudrais réaliser la même barre pour montrer les dernières images des membres.

J'ai trouvé le script que le site utilise mais je ne trouve pas comment il s'en serve ni comment faire.

x@v
Mammouth du PHP | 570 Messages

24 mars 2008, 16:14

déjà des kitgraphique il y en a de très bon gratis et open source
http://www.opendesigns.org/view-designs/
ensuite xajax c'est un framework (mais pas très mûrs)

Mammouth du PHP | 19672 Messages

24 mars 2008, 20:41

En haut du premier site il y a une barre ou il montre leur kits graphiques.

Et moi je voudrais réaliser la même barre pour montrer les dernières images des membres.

J'ai trouvé le script que le site utilise mais je ne trouve pas comment il s'en serve ni comment faire.
Le script en question, c'est mélanger deux techniques qui dans le cas présent ne vont pas forcément ensemble :
La barre que tu nous as montré sur kitgraphique est en flash alors que le script que tu as indiqué, c'est une librairie en JavaScript...
Ce serait pas mal de définir ce que tu veux vraiment : du Flash ou du JavaScript :-k
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Eléphant du PHP | 451 Messages

25 mars 2008, 01:16

La barre est en ajax et javascript vu le script.

Moi je l'aimerais en javascript et ajax s'il faut ajax pour que cela fontionne.

Mammouth du PHP | 19672 Messages

25 mars 2008, 07:55

Effectivement, tu as raison, en regardant un peu trop vite, j'étais sûr que c'était du flash, autant pour moi, c'est l'effet de fondu-enchaîné qui m'a induit en erreur.

Du coup ça veut dire que ça ne se limite pas au JavaScript, il y a aussi du PHP derrière et de l'AJAX entre les deux. Ça signifie que pour faire ça, tu vas devoir procéder par étapes :
- Définir le graphisme et le code HTML de ta barre de recherche;
- Définir le script serveur qui va récupérer les 4 images suivantes ou précédentes;
- Définir la fonction JavaScript qui va utiliser un objet XHR pour appeler ce script depuis la page au clic sur une des flèches
- Ajouter l'effet de fondu-enchaîné dans le traitement de la réponse serveur.

Au vu de tes questions, je suis tenté de te demander : dans tout ça, quelle partie sais-tu faire et que te manque-t-il pour savoir faire ce qui manque ? Tu pourrais effectivement utiliser une librairie toute faite comme xajax ou d'autres, mais si tu ne sais pas vraiment lire le JavaScript, tu vas avoir du mal à l'utiliser, parce que l'AJAX, c'est du JavaScript, mais d'un niveau un poil plus avancé que la moyenne :-k
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Eléphant du PHP | 451 Messages

05 avr. 2008, 13:00

Bonjour,

Pour le graphisme aucun soucis.
Pour le script serveur aucun soucis non plus.

Par-contre là..............

Pour la fonction qui va utiliser l'objet XHR, et le script de fondu la je ne sais pas du tout.

Et vu que je ne comprend pas trop le javascript je pense que la librairie n'est pas pour moi.

C'est juste ça qu'il me faut le reste je l'ai.

Mammouth du PHP | 19672 Messages

05 avr. 2008, 13:13

C'est juste ça qu'il me faut le reste je l'ai.
Ça fait déjà beaucoup, surtout si tes bases en JavaScript sont très limitées.

Il faudrait que tu y ailles par étapes en commençant par AJAX. Ça pourrait t'amener à comprendre un peu la programmation en JavaScript. Ce ue tu pourais faire, c'est apprendre à utiliser une simple classe JavaScript pour apprendre à manipuler du XHR avec cette classe que j'utilise assez volontiers, elle est bien faite.

Ça te permettra de commencer par mettre en place les images sans effets spéciaux.

Après, ben pour les fondus-enchaînés, il va falloir te tourner vers une librairie plus complète qui comprend ce type d'effet à moins de le développer toi-même, mais c'est pas du niveau débutant. Et ça voudrait également dire qu'en utilisant une librairie comme XAjax, Ext ou une autre de ce genre, tu pourrais en utiliser les fonctions Ajax incluses en remplacement de la première citée. Mais la première ne te servirait que d'aide à l'apprentissage des bases.
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

ViPHP
ViPHP | 3607 Messages

05 avr. 2008, 14:12

Tu pourrais essayer de faire quelque chose de très simple en partant de là par exemple: http://www.phpfrance.com/forums/voir_sujet-34763.php
Donc en gros, juste essayer de changer le contenu d'un div, sans effets pour l'instant...
En meme temps si après pour les effets tu te tournes vers des librairies, tel que prototype jQuery ou autres, tu devras "réaprendre" d'autres fonctions pour manipuler ajax (sauf si tu t'en sert uniquement pour les effets...)
Une liste des librairies javascript: http://javascriptlibraries.com/