- Javascript : Rotation d'une image, animation - CodeS SourceS
- Javascript : Ouvrir une popup agrandissant une image et se ferme automatiquement - CodeS SourceS
- Javascript : Une image qui vole... - CodeS SourceS
- Javascript : Menu vertical/horizontal facilement paramétrable et modifiable - CodeS SourceS
- Flash : Encore un texte défilant mais horizontalement ( du type marquee en html) - CodeS Sou
Scroll horizontal avec la mousewheel [Résolu]
Signaler
fazerofgod
@karamel
- Messages postés
- 2
- Date d'inscription
- mercredi 13 décembre 2000
- Statut
- Membre
- Dernière intervention
- 11 avril 2011
@karamel
- Messages postés
- 1769
- Date d'inscription
- vendredi 9 mai 2008
- Statut
- Modérateur
- Dernière intervention
- 28 octobre 2020
A voir également:
- Javascript defilement image horizontal
- Javascript mousewheel - Meilleures réponses
- Mousewheel javascript - Meilleures réponses
- Defilement d'image horizontal ✓ - Forum - Javascript / DHTML
- Javascript : Defilement horizontal de texte - CodeS SourceS - Guide
- Javascript : Defilement ou scroll horizontal autrement fait automatique et manuel avec commandes - C - Guide
- Javascript : Images défilantes en javascript (scrolling images) - CodeS SourceS - Guide
- Javascript : Slider bar (barre de défilement, curseur) horizontal et vertical - CodeS SourceS - Guide
3 réponses
@karamel
- Messages postés
- 1769
- Date d'inscription
- vendredi 9 mai 2008
- Statut
- Modérateur
- Dernière intervention
- 28 octobre 2020
jour
que je suis genereux
a rajouter dans le fichier html
<script type="text/javascript">
function deplace(e){
var delta = 0;
if (!e) e = window.event;
if (e.wheelDelta) {
delta = e.wheelDelta/120;
} else if (e.detail) {
delta = -e.detail/3;
}
if(delta<0){
val=-100;
}
else{
val=100;
}
document.getElementById('overlist').scrollLeft=document.getElementById('overlist').scrollLeft+val
}
function selecte(ev){
(navigator.appName.substring(0,3)=="Mic") ? event.returnValue = false : ev.preventDefault();
}
function init(){
var adi=document.getElementById('overlist')
if(navigator.appName.substring(0,5)=="Micro"){
adi.attachEvent('onmousewheel',deplace);
adi.attachEvent('onmousewheel', selecte)
}
else{
if (navigator.userAgent.indexOf("Firefox") != -1){
adi.addEventListener('DOMMouseScroll', deplace, false);
adi.addEventListener("DOMMouseScroll", selecte, false)
}
else{
adi.addEventListener('mousewheel', deplace, false);
adi.addEventListener("mousewheel", selecte, false)
}
}
}
onload=init
</script>
que je suis genereux
a rajouter dans le fichier html
<script type="text/javascript">
function deplace(e){
var delta = 0;
if (!e) e = window.event;
if (e.wheelDelta) {
delta = e.wheelDelta/120;
} else if (e.detail) {
delta = -e.detail/3;
}
if(delta<0){
val=-100;
}
else{
val=100;
}
document.getElementById('overlist').scrollLeft=document.getElementById('overlist').scrollLeft+val
}
function selecte(ev){
(navigator.appName.substring(0,3)=="Mic") ? event.returnValue = false : ev.preventDefault();
}
function init(){
var adi=document.getElementById('overlist')
if(navigator.appName.substring(0,5)=="Micro"){
adi.attachEvent('onmousewheel',deplace);
adi.attachEvent('onmousewheel', selecte)
}
else{
if (navigator.userAgent.indexOf("Firefox") != -1){
adi.addEventListener('DOMMouseScroll', deplace, false);
adi.addEventListener("DOMMouseScroll", selecte, false)
}
else{
adi.addEventListener('mousewheel', deplace, false);
adi.addEventListener("mousewheel", selecte, false)
}
}
}
onload=init
</script>