Comment faire des lien interne progressif
hstorm
-
hstorm -
hstorm -
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?
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?
A voir également:
- Comment faire des lien interne progressif
- Créer un lien pour partager des photos - Guide
- Lien url - Guide
- Verificateur de lien - Guide
- Cliquez sur ce lien. en n'utilisant que le clavier, quel mot obtenez-vous ? ✓ - Forum souris / Touchpad
- Stockage interne autre ✓ - Forum Samsung
4 réponses
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
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
la librairie moo est une bonne solution !!
pour le scroll a l ouverture de la page entre les head tu met le javascript
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>
<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 .??
Je comprend pas ce que tu veux dire .??
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...)
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...)
