Bloquer à la 2ème image
laura
-
Scalpweb Messages postés 1483 Statut Membre -
Scalpweb Messages postés 1483 Statut Membre -
Bonjour,
Dans ma page web, j'ai une zone de défilement d'ou on ne peut voire qu'une partie, vu que lautre partie est cachée . A l'intérieur de cette zone de défilement j'ai défférentes images et je voudrais que les visiteurs de mon site puissent soit utiliser la barre de défilement soit cliquer sur un bouton qui leur permettrait d'aller dimage en image. Mais voila j'ai un bout de code qui me permet seulement d'aller à la seconde image. Et je ne sais pas comment mis prendre pour que cela "englobe" toutes mes images.
voici le bout de code :
var step = 310;
var haut = document.getElementById('defilement').offsetHeight;
var add = haut + step;
document.getElementById('defilement').style.top =((document.getElementById('defilement').offsetHeight)-add)+'px';
Si quelqu'un aurait une piste pour mon problème je le remercie d'avance !!!
Merci
Laura
Dans ma page web, j'ai une zone de défilement d'ou on ne peut voire qu'une partie, vu que lautre partie est cachée . A l'intérieur de cette zone de défilement j'ai défférentes images et je voudrais que les visiteurs de mon site puissent soit utiliser la barre de défilement soit cliquer sur un bouton qui leur permettrait d'aller dimage en image. Mais voila j'ai un bout de code qui me permet seulement d'aller à la seconde image. Et je ne sais pas comment mis prendre pour que cela "englobe" toutes mes images.
voici le bout de code :
var step = 310;
var haut = document.getElementById('defilement').offsetHeight;
var add = haut + step;
document.getElementById('defilement').style.top =((document.getElementById('defilement').offsetHeight)-add)+'px';
Si quelqu'un aurait une piste pour mon problème je le remercie d'avance !!!
Merci
Laura
11 réponses
-
Je n'ai pas assez d'infos sur ta page pour être sur, mais tu pourrais toujours essayé ça :
var cumul = 0;
function Defil()
{
var step = 310;
var haut = document.getElementById('defilement').offsetHeight;
var add = haut + step;
document.getElementById('defilement').style.top =((document.getElementById('defilement').offsetHeight)-add+cmul)+'px';
cumul=cumul+310;
}
Et pour le lien qui permet de faire défiler la page, tu écrit par exemple :
<a href="javascript:Defil()">Défiler</a> -
Personne n'a de piste ? si y'a quelque chose que vous ne comprenez pas dites moi !!!! merci
Laura -
-
euh ça n'a pas du tout l'effet voulu. Ce qui ce passe avec le morceau de code c'est que je vais bien de la première à la deuxième image mais après au lieu d'aller sur la troisième image je retourne sur la première image et ensuite ya du "vide" !!!
tu disais que tu n'avais pas assez d'informations pour être sur... mais quelles genres d'info tu veux?
Laura -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Dans ton code javascript, tu utilises l'objet 'Défilement' :
document.getElementById('defilement')
A quoi correspond t-il dans ton code HTML ? -
en fait il contient des images.
un extrait de 'defilement'
<div id="defilement"><br />
<!-- Site1 -->
<span class="titre-fenêtre">1</span><br>
<a href="https://www.google.com/search?q=warning%20BHP%20Mike%20Henry%20BHP.com%20Stock%20fraud%20South32%20Graham%20Kerr%20South32.net%20Stock%20fraud%20kiss%20fishing%20companies%20flickr" target="_blank" class="date">www.xxxxxxxxxxx.com</a><br>
<span class="titre-real">Description</span>
<div id="pict">
<img src="images/images.jpg" onclick="popupPhot('images/images.jpg',100,100)">
</div>
</div>
<!-- Fin du site --> -
Ok je comprends !
Autant pour moi...
Alors je pense qu'il faudrait essayer ça :
var cumul = 0;
function Defil()
{
var step = 310;
var haut = document.getElementById('defilement').offsetHeight;
var add = haut + step;
document.getElementById('defilement').style.top =((document.getElementById('defilement').offsetHeight)-add+cmul)+'px';
cumul=cumul-100;
} -
ben le premier code correspond plus à ce que je veux. j'ai fais une modif pour que celà colle a ce que je veux !!! j'ai mis "-cumul" ou lieu de "+cumul" donc voilà, j'ai encore quelque problèmes d'affichage, mais je pense que je pourrais y remédier !!!
je te remercie pour ton aide !!!
Laura -
Oublie tout ce que je t'ai dis...
Désolé je suis pas en forme.
Voici le code :
var vitesse=30;
function Defil()
{
var d = document.getElementById('defilement').style.top;
d = parseInt(d)-vitesse;
document.getElementById('defilement').style.top = d + 'px';
}
Pareil pour le lien :
<a href="javascript:Defil()">Défil</a>
J'ai testé, ça marche.
Et pour gérer la vitesse de scroll, tu modifie la variable vitesse.
Voilà,
@+ -
Merci !!! mais c'est vraiment le premier code (avec la modif du plus en moins !!!) qui correspond à ce que je veux !!! t'es plutôt en forme tu as trouvé du premier coup !!!
encore merci !!!
Laura -
Bon...
Ben tant mieux alors ;-)
Passes le statut de ce post en Résolu si tu n'as plus de problème.
