FOND D'ÉCRAN DÉFILANT AVEC FONCTION MARCHE/ARRÊT ( AJOUT JQUERY )
cs_petifa
Messages postés
215
Date d'inscription
dimanche 20 février 2005
Statut
Membre
Dernière intervention
10 mars 2014
-
12 déc. 2008 à 12:23
kangourouxxx Messages postés 71 Date d'inscription jeudi 31 janvier 2008 Statut Membre Dernière intervention 6 mars 2015 - 2 janv. 2009 à 10:27
kangourouxxx Messages postés 71 Date d'inscription jeudi 31 janvier 2008 Statut Membre Dernière intervention 6 mars 2015 - 2 janv. 2009 à 10:27
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/48694-fond-d-ecran-defilant-avec-fonction-marche-arret-ajout-jquery
https://codes-sources.commentcamarche.net/source/48694-fond-d-ecran-defilant-avec-fonction-marche-arret-ajout-jquery
2 janv. 2009 à 10:27
Mais j'aime bien ton topic il est sympas Bravo et bonne continuation dans le scripting.
16 déc. 2008 à 18:21
De plus, ce n'est plus tout le fond d'écran qui défile mais une partie seulement quand ça ne fonctionne que sous IE et Opera.
Pour SAFARI, GOOGLE CHROME et FIREFOX on oublie direct la portabilité, rien ne se passe, mais j'ai vu le résultat sur IE, très fluide...espérons que la portabilité soit améliorée.
Je ne suis pas contre les améliorations mais elles doivent être justifiées et vérifiées
dans les moindres détails à mon avis...J'espère que le script sera amélioré par la suite...
Bien amicalement XLOADX
14 déc. 2008 à 21:54
<html>
<head>
<title>Défilement et arrêt du fond d'écran par survol de souris</title>
<style type="text/css">
body {
background-image:url(http://www.google.com/intl/fr_all/images/logo.gif);
}
#divCopyright {
float:left;
background-color:#FFFFFF;
border:solid #000000 1px;
padding:12px;
width:200px;
margin-bottom:24px;
}
#divPrésentation {
clear:left;
float:right;
background-color:#FFFFFF;
border:solid #000000 1px;
padding:12px;
width:300px;
}
</style>
<script type="text/javascript" src="../jquery-1.2.6.min.js"></script>
<script type="text/javascript">
var largeur = 0;
var hauteur = 0;
var largeurMaximum = screen.width;
var hauteurMaximum = screen.height;
var défilement;
function défiler()
{
if ((largeur >= 0) && (largeur < largeurMaximum)) {
largeur++;
} else {
largeur = 0;
}
if ((hauteur >= 0) && (hauteur < hauteurMaximum)) {
hauteur++;
} else {
hauteur = 0;
}
$("body").css("background-position",largeur+" "+hauteur);
}
$(document).ready(function() {
$(document).mouseover(function(){
défilement = setInterval("défiler()",5);
});
$(document).mouseout(function(){
clearInterval(défilement);
});
});
</script>
</head>
© COPYRIGHT - DEBBOG
Un petit bout de code qui pourrait être
utile à tous dans diverses applications
au sein d'un site internet...
</html>
12 déc. 2008 à 18:03
dans la fonction arret tu met clearInterval au lieux de clearTimeout
mis a par ca l'effet est sympa
12 déc. 2008 à 12:23
meme si le titre parle de lui même, tu devrais dire a quoi sert ta source, et quelles sont ses spécificités.