Page 1 sur 1
Défilement page progressif
Posté : 08 nov. 2006, 01:30
par Invité
Bonsoir,
je cherche à faire un défilement "doux" horizontal.
exactement le même principe que ça :
Code : Tout sélectionner
<a href="#droite">Allez à droite</a>
... etc ...
<a name="droite" />
bla bla
mais au lieu d'aller directement sur le lien je voudrais y aller avec un défilement progressif

(voir le défilement de la page en fait)
Si vous avez une idée
Merci !
Posté : 08 nov. 2006, 10:58
par Ultiny
Tu peut peut-être faire ça avec du Javascript.
Posté : 08 nov. 2006, 11:49
par charabia
Posté : 08 nov. 2006, 12:37
par Invité
bonjour,
http://www.dynamicdrive.com il ya énormément de sources sur ce site je vais chercher !

Posté : 08 nov. 2006, 12:43
par Invité
Merci bien j'ai trouvé ! c'est pas tout à fait ce que je veux mais je vais modifier le script

Posté : 09 nov. 2006, 00:02
par Invité
euh alors en fait j'arrive pas à l'adapter
ce script là fait défiler automatiquement au chargement la page vers la droite... moi je voudrais la faire défiler si on clique sur un lien vers la droite ou la gauche à un endroit précis.
voici le script
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script language="JavaScript1.2">
var speed=2
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function iecompattest(){
return (document.compatMode!="BackCompat")? document.documentElement : document.body
}
function scrollwindow(){
if (document.all)
temp=iecompattest().scrollLeft
else
temp=window.pageXOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=iecompattest().scrollLeft+speed
else
currentpos=window.pageXOffset+speed
window.scroll(currentpos,0)
}
else{
currentpos=0
window.scroll(currentpos,0)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>
</body>
</html>
une petite aide ne serait pas de refus !

merci !
Posté : 09 nov. 2006, 00:48
par albat
euh alors en fait j'arrive pas à l'adapter

"Résolu" retiré...
Profites-en pour t'enregistrer...

Posté : 09 nov. 2006, 21:39
par Invité
Toujours personne ?
je pourrais peut-être me servir de ceci
http://script.aculo.us/
mais je n'arrive pas à déterminer quel fonction permet de se servir du scroll horizontal comme ici :
http://www.gucci.com/fr/catalog/fw06-mens/
Si vous pouviez m'aider
Merci !
Posté : 10 nov. 2006, 13:04
par charabia