Comment faire des lien interne progressif

Fermé
hstorm - 25 mars 2009 à 14:10
 hstorm - 25 mars 2009 à 17:47
Bonjour,

Mon problème est le suivant. Je désire faire une grande page internet qui sorte de l'écran de l'utilisateur et faire des liens internes qui redirigent vers différentes parties de cette même page. Jusque là ça va.
Mais, là où je bloque, c'est que je veux que la transition, entre chaque partie de la page, soit progressive, c'est à dire que la page avance lentement jusqu'à l'endroit de sa redirection.
Est-ce possible de faire ça en html ou faut-il obligatoirement passer par du flash?

4 réponses

personne ne peut me dire si c'est réalisable ou pas en html
0
up
0
jojolapin29
25 mars 2009 à 15:18
salut,
le terme "progressif" n'est pas approprié ici, mais je crois voir de quoi tu parles.
Je connais une solution en javascript avec la librairie MooTools :

http://digitarald.de/playground/fly-over-background/
https://demos111.mootools.net/Fx.Scroll

le côté "progressif" est réglable, tu peux , dans le code, choisir la vitesses et l'effet de mouvement (élastique...) et bien-sûr les liens sont déplaçables dans le corps de la page et pas seulement dans une barre de menu.

cordialement,
jojo
0
hstorm > jojolapin29
25 mars 2009 à 15:41
merci beaucoup de ta réponse, c'est ce qu'il me fallait
0
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353 > jojolapin29
25 mars 2009 à 15:42
la librairie moo est une bonne solution !!

pour le scroll a l ouverture de la page entre les head tu met le javascript


<script type="text/javascript">
                window.addEvent('domready', function() { 
                        new SmoothScroll({ duration:2000 }, window); //duration est la vitesse de scroll (ici celui du click vers une ancre)
                });
                window.addEvent('load', function() {
                        var scroll = new Fx.Scroll(window, { wait: false, duration: 8000, transition: Fx.Transitions.Quad.easeInOut });//duration est la vitesse de scroll (ici celui du scroll auto a l ouverture)
                        scroll.toElement('ancre5');// id de l ancre  visee pour l autoscroll a l ouverture
                });

</script>


 
0
hstorm > RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024
25 mars 2009 à 16:36
Et si je veux mettre les liens sur la page elle même pas à l'extérieur de la photo? en définissant des zones de clic en lien interne sur dreamweaver?
0
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
25 mars 2009 à 16:49
<ital>Et si je veux mettre les liens sur la page elle même pas à l'extérieur de la photo? en définissant des zones de clic en lien interne sur dreamweaver?</ita> ????????????????????

Je comprend pas ce que tu veux dire .??
0
visiblement si je comprend bien le code qui se trouve ici :

http://digitarald.de/playground/fly-over-background/

les liens se situe sur le dessus de l'image et font bouger l'image elle même. Si je veux que les liens se situe sur l'image elle même je comprend pas comment faire?

PS : il n'existe pas de site en francais explicant cette solution? (sans espoir j'ai déjà regardé sur google...)
0
hstorm > hstorm
25 mars 2009 à 17:02
sachant que mon site existe déjà ici mais sans le mouvement que je veux faire...

http://pagesperso-orange.fr/hugobartoli/
0
up
0