[Résolu] Double lien (script glider) ?

Salut,

Pour tester j'ai installé le script GLIDER uniquement pour un aspect visuel ... Par contre je ne m'en sers pas du tout pour "mes pages" directement, en fait je l'utilise tout simplement pour ma bannière ...

Ce que j'essaye de faire :

Lorsque l'on clique sur le lien 2 par exemple, l'image bouge dans la bannière et en même temps, le lien va chercher la page 2 via une include dans mon site ...

A priori pas difficile, mais voila je ne m'en sors pas ... car les liens de mon menu qui font défiler les images dans la bannière ne peuvent pas appeler ma page ... vu que le lien appelle l'image ...

Simplement : mes liens appellent les images dans la bannière, mais pas mes pages en dessous via include ... d'ou le titre du sujet ... double lien ?

Désolé si ce n'est pas très clair, je suis crevé

Le code de mon menu :

<div id="my-glider">
<div id="header">
<div class="scroller">
<div class="content">
<div class="section" id="section1"><img src="visuels/test1.png"/></div>
<div class="section" id="section2"><img src="visuels/test2.png"/></div>
<div class="section" id="section3"><img src="visuels/test3.png"/></div>
<div class="section" id="section4"><img src="visuels/test4.png"/></div>
</div>
</div>			
</div>
<div id="haut">
<div class="controls">
<ul>
<li><a id="lien1" href="#section1">Lien 1</a></li>
<li><a id="lien2" href="#section2">Lien 2</a></li>
<li><a id="lien3" href="#section3">Lien 3</a></li>
<li><a id="lien4" href="#section4">Lien 4</a></li>
</ul>
</div>
<script type="text/javascript">var my_glider = new Glider('my-glider', {duration:0.5});</script>
</div>
</div>

J'ai même essayé avec du php ...

Voyez vous une solution ?

Une ptite astuce ? javascript ? php ? zone css réactive ?

Ou est ce que c'est réellement impossible

Merci !
Modifié par yank (15 Dec 2007 - 14:15)

Euh... je comprends pas vraiment ce que tu veux faire en fait mais j'ai l'impression que tu t'es embarqué dans une logique très complexe... dsl j'ai essayé mais je suis égelment crevé...

Et la tu te dis que mon post sert à rien... et t'as pas entièrement tort... mais je voulais quand même te dire que le degradé qui bouge au dessus de l'image dans le bandeau je trouve ça classe. J'espere que tu vas résoudre ton problème mais pense aussi à prévoir ton site de façon a ce qu'il fonctionne pour les navigateurs qui n'ont pas javascript... c'est mieux d'y penser avant que une fois que tout est fini.

Bon courage

skywalk3r a écrit :
Euh... je comprends pas vraiment ce que tu veux faire en fait mais j'ai l'impression que tu t'es embarqué dans une logique très complexe... dsl j'ai essayé mais je suis égelment crevé...

Et la tu te dis que mon post sert à rien... et t'as pas entièrement tort... mais je voulais quand même te dire que le degradé qui bouge au dessus de l'image dans le bandeau je trouve ça classe. J'espere que tu vas résoudre ton problème mais pense aussi à prévoir ton site de façon a ce qu'il fonctionne pour les navigateurs qui n'ont pas javascript... c'est mieux d'y penser avant que une fois que tout est fini.

Bon courage

trop drôle ton post

C'est sympa quand même d'avoir regardé

En fait pour le moment le dégradé est fait vite fait, avant de me lancer dans un joli "truc" je fais tous mes tests

Mais bon c'est vrai que ça devient complexe pour pas grand chose mais je suis têtu et sur ce coup la j'ai envie de trouver une solution.

Merci en tout cas
Modifié par yank (15 Dec 2007 - 14:16)

Je m'enfonces ?

Bon j'ai peut etre une piste pour toi mais je suis pas sur car évidemment je n'ai pas accès à ton code (du moins pour le modifier) et je ne sais pas ce qui se cache sous ce "Glider" que je ne connait pas.

Le principe est de créer deux "glider" a partir des meme liens. En gros une fois le premier glider initialisé tu change avec JS lea valeur de l'attriubut href de tes liens genre :

document.getElementById('lien1').href='#contenu1';

Et ensuite tu initialise un deuxième "Glider".

J'ai pas mieux ce soir..; mais ca peut te donner une piste.

En fait il y a deus possibilités : soit ca marche, soit ca marche pas...

Ca dépend comment le "Glider" s'initialise.

MErci !

C'est déjà ça ... maintenant j'ai l'impression que ce glider a part faire joli il est pas très souple ^^

skywalk3r a écrit :
Bon j'ai peut etre une piste pour toi mais je suis pas sur car évidemment je n'ai pas accès à ton code (du moins pour le modifier) et je ne sais pas ce qui se cache sous ce "Glider" que je ne connait pas.

Le principe est de créer deux "glider" a partir des meme liens. En gros une fois le premier glider initialisé tu change avec JS lea valeur de l'attriubut href de tes liens genre :

document.getElementById('lien1').href='#contenu1';

Et ensuite tu initialise un deuxième "Glider".

J'ai pas mieux ce soir..; mais ca peut te donner une piste.

En fait il y a deus possibilités : soit ca marche, soit ca marche pas...

Ca dépend comment le "Glider" s'initialise.

Quand tu dis un 2ème Glider ... c'est à dire ?

En fait j'ai supposé que tu voulais faire apparaitre ton contenu en meme temps que tu changes ton bandeau... peut etre que je n'ai pas compris ce que tu voulais faire...
Modifié par skywalk3r (14 Dec 2007 - 22:08)

skywalk3r a écrit :
En fait j'ai supposé que tu voulais faire apparaitre ton contenu en meme temps que tu changes ton bandeau... peut etre que je n'ai pas compris ce que tu voulais faire...

Si si tu as bien compris ^^

Je cherche encore un peu avec cette histoire de php et javascript
Modifié par yank (15 Dec 2007 - 14:16)

Je laisse le code mais demain je pense marquer le post en résolu parce que je crois que ce n'est pas possible ou en tout cas bien trop complexe pour pas grand chose ...

Même si j'avoue que l'effet du glider avec image en arrière plan + Png 24 en transparence par dessus est vraiment spectaculaire si on se débrouille bien

Dommage

Salut,

comme ça m'intriguais et que j'avais un peu de temps à perdre hier soir je me suis amusé à reproduire l'effet du glider avec le framework mootools. L'interet c'est qu'avec ma méthode tu peux effectuer plusieurs actions avec un seul lien

Je te l'ai mis en ligne ici, si ça t'interresses :

Effet Glider avec Mootools

Ce qu'il y a de marrant c'est que après tu peux facilement changer l'effet de transition avec tous ceux qui sont préprogramés dans mootools

Effet Glider avec Mootools avec transition Bounce

Ou les décaler dans le temps les uns par rapports aux autres, etc...
Modifié par skywalk3r (21 Dec 2007 - 14:47)

skywalk3r a écrit :
Salut,

comme ça m'intriguais et que j'avais un peu de temps à perdre hier soir je me suis amusé à reproduire l'effet du glider avec le framework mootools. L'interet c'est qu'avec ma méthode tu peux effectuer plusieurs actions avec un seul lien

Je te l'ai mis en ligne ici, si ça t'interresses :

Effet Glider avec Mootools

Ce qu'il y a de marrant c'est que après tu peux facilement changer l'effet de transition avec tous ceux qui sont préprogramés dans mootools

Salut,

C'est plus ou moins ce que je voulais faire visuellement ça rendait différemment mais le but est le même oui.

Donc tu as réussi en utilisant le javascript mootools ... ?

Ou sont passés les fichiers javascript glider fournis du coup ?

Je vois que tu as ça

initGlider.js

je n'ai pas utilisé le Glider mais un effet semblable réalisé avec mootools : http://demos.mootools.net/Fx.Scroll

le initGlider.js c'est en fait un script perso qui appelle les bonnes fonctions de mootools.

Si ça t'interresse je peut te mettre une archive avec le tout dedans ce sera plus facile si tu veux decortiquer ce que j'ai fait

skywalk3r a écrit :
Si ça t'interresse je peut te mettre une archive avec le tout dedans ce sera plus facile si tu veux decortiquer ce que j'ai fait

Salut ^^

Carrément je veux bien !

C'est noël après tout

Sinon concernant le "glissement", il est possible de le faire de gauche à droite et non pas en diagonale ?

J'imagine que oui dans le fichier .js

Salut,

et bonne année,

désolé je suis pas trop revenu dans le coin pendant mes quelques jours de congés mais je te laisse quand meme le lien vers l'archive contenant les sources...

Archive

Après le fait d'utiliser mootools fait que tu peux gérer comme tu veux les transitions (sens, durée, type de transition, etc...)

Bonne continuation et désolé pour le retard de la réponse

Salut,

Bonne année ^^

Pas de soucis pour le retard, moi c'était pareil

Merci, je vais étudier ça