Bloquer à la 2ème image

Question

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

laura · Answer

Personne n'a de piste ? si y'a quelque chose que vous ne comprenez pas dites moi !!!! merci
Laura

Scalpweb · Answer

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>

laura · Answer

je te remercies je teste tout de suite !!!
Laura

laura · Answer

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

Scalpweb · Answer

Dans ton code javascript, tu utilises l'objet 'Défilement' :
document.getElementById('defilement')

A quoi correspond t-il dans ton code HTML ?

laura · Answer

en fait il contient des images. un extrait de 'defilement'

1
www.xxxxxxxxxxx.com
Description

Scalpweb · Answer

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;
}

laura · Answer

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

Scalpweb · Answer

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à,
@+

laura · Answer

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

Scalpweb · Answer

Bon...

Ben tant mieux alors ;-)

Passes le statut de ce post en Résolu si tu n'as plus de problème.

Bloquer à la 2ème image

11 réponses

Votre réponse

Discussions similaires

Newsletters