Publicité "glissante"
Fermé
alexcool188
Messages postés
74
Date d'inscription
mardi 18 août 2009
Statut
Membre
Dernière intervention
11 juillet 2010
-
6 nov. 2009 à 06:10
Atropa Messages postés 1935 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 11 mai 2014 - 11 nov. 2009 à 23:32
Atropa Messages postés 1935 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 11 mai 2014 - 11 nov. 2009 à 23:32
A voir également:
- Publicité "glissante"
- Un bloqueur de publicité empêche la lecture. veuillez le désactiver pour démarrer la vidéo - Astuces et Solutions
- Publicité fr alerte - Guide
- Bloqueur de publicité m6 - Forum Internet / Réseaux sociaux
- Facture publicité instagram ✓ - Forum Instagram
- Publicité outlook android - Forum Outlook
5 réponses
Atropa
Messages postés
1935
Date d'inscription
mercredi 25 juin 2008
Statut
Membre
Dernière intervention
11 mai 2014
272
6 nov. 2009 à 08:26
6 nov. 2009 à 08:26
bonjour,
à mon avis seul les grandes enseignes peuvent se permettre de faire ça...
tu risque plus de faire fuir tes visiteurs qu'autre chose...
sinon tu pourras facilement le faire en javascript
à mon avis seul les grandes enseignes peuvent se permettre de faire ça...
tu risque plus de faire fuir tes visiteurs qu'autre chose...
sinon tu pourras facilement le faire en javascript
alexcool188
Messages postés
74
Date d'inscription
mardi 18 août 2009
Statut
Membre
Dernière intervention
11 juillet 2010
2
6 nov. 2009 à 15:54
6 nov. 2009 à 15:54
Mais ce n'est pas quelque chose de gros! la bannière ne fait que 468 X 60! Mais connais-tu le script que je devrais utiliser?
Atropa
Messages postés
1935
Date d'inscription
mercredi 25 juin 2008
Statut
Membre
Dernière intervention
11 mai 2014
272
7 nov. 2009 à 20:41
7 nov. 2009 à 20:41
voilà un exemple bidon mais tu pourras t'en servir :
il faut cliquer sur le cadre gris rose pour que ca s'affiche.
si tu veux que tout descende tu supprimes position absolute sur a2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
body {
margin: 0;
padding: 0;
}
#a1 {
height: 20px;
background-color: black;
}
#a2 {
background-color: #a3a3a3;
width: 100%;
position:absolute;
display: none;
}
#a2 * {
margin: 0;
padding:0;
}
#a3 {
height: 800px;
background-color: #aa9090;
}
</style>
<script type="text/javascript">
<!--
function depli(idConteneur,PxInterval,MSInterval) {
var cont = document.getElementById(idConteneur);
if(cont.style.display != 'block') {
cont.style.overflow = 'hidden';
cont.style.display = 'block';
var height = cont.offsetHeight;
cont.taille = height;
cont.style.height = '0px';
var newHeight;
var inter = setInterval(function () {
newHeight = cont.offsetHeight + PxInterval;
if(newHeight > height) PxInterval = height - cont.offsetHeight;
cont.style.height = cont.offsetHeight + PxInterval+'px';
if(newHeight == height) clearInterval(inter);
},MSInterval);
return;
}
var newHeight;
var height = cont.offsetHeight;
if(cont.taille != height) return;
var inter = setInterval(function () {
newHeight = cont.offsetHeight - PxInterval;
if(newHeight < 0) PxInterval = cont.offsetHeight;
cont.style.height = cont.offsetHeight - PxInterval+'px';
if(newHeight == 0) {
cont.style.display = 'none';
cont.style.height = height+'px';
clearInterval(inter);
}
},MSInterval);
return;
}
//-->
</script>
</head>
<body>
<div id="a1"></div>
<div id="a2"><p>là tu mets ce que tu veux !</p></div>
<div id="a3" onclick="depli('a2',5,10);"></div>
</body>
</html>
il faut cliquer sur le cadre gris rose pour que ca s'affiche.
si tu veux que tout descende tu supprimes position absolute sur a2
alexcool188
Messages postés
74
Date d'inscription
mardi 18 août 2009
Statut
Membre
Dernière intervention
11 juillet 2010
2
11 nov. 2009 à 02:03
11 nov. 2009 à 02:03
Merci, mais serait-il possible de seulement mettre une image et non de descendre tout la largeur de la page? Serait-il possible de la faire descendre plus tranquillement et sans que le visiteur ait besoin de cliquer? Serait-il possible de mettre un petit X, et que lorsque le visiteur cliquerait dessus, la barre rentrerait?
Merci!
Merci!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Atropa
Messages postés
1935
Date d'inscription
mercredi 25 juin 2008
Statut
Membre
Dernière intervention
11 mai 2014
272
11 nov. 2009 à 23:32
11 nov. 2009 à 23:32
tu mets ce que tu veux de la taille que tu veux
c'est simple !
quand tu appelles la fonction depli() tu lui donnes l'id de ce que tu veux qu'elle déplie ou replis au dimension de l'élément
par exemple si tu veux que ce soit une image tu fais :
tu places les liens où tu veux
si dans le css tu mets position: absolute; elle passera au premier plan en ce dépliant si tu ne le met pas elle restera sur le plan normal et poussera le reste vers le bas... ensuite tu lui donne le nombre de pixel par intervalle et la durée entre chaque intervalle
la fonction ce charge du reste....
c'est simple !
quand tu appelles la fonction depli() tu lui donnes l'id de ce que tu veux qu'elle déplie ou replis au dimension de l'élément
par exemple si tu veux que ce soit une image tu fais :
<img src="monimage" id="im" />
<a href="javascript: depli('im',10,40);">déplie</a>
<a href="javascript: depli('im',10,40);">replier</a>
tu places les liens où tu veux
si dans le css tu mets position: absolute; elle passera au premier plan en ce dépliant si tu ne le met pas elle restera sur le plan normal et poussera le reste vers le bas... ensuite tu lui donne le nombre de pixel par intervalle et la durée entre chaque intervalle
la fonction ce charge du reste....