Orchrist
Messages postés2Date d'inscriptionmercredi 22 septembre 2004StatutMembreDernière intervention24 septembre 2004
-
23 sept. 2004 à 18:54
the_smurf
Messages postés283Date d'inscriptionvendredi 6 août 2004StatutMembreDernière intervention22 juin 2006
-
27 sept. 2004 à 17:10
BOnjour!!!
Alors, voila, sur mon site sur la guerre, on voit des images qui sont un peu horribles... Alors, en fait, sur la page de ces photos, je voudrais faire apparaitre, au chargement de la page, une seconde page par dessus, avec un bouton Entrer ou sortir, qui, en cliquant sur le bouton entrer, lèverait la page intermédiaire comme un rideau... Et qu'en cliquant sur le bouton quitter, cela lance page précédente au naviguateur...
Voilà! j'ai vu un exemple à peu près ce que je veux sur un site: www.web-tricheur.net Je sais l'exemple n'est pas top lol
Mais bon. Alors, voila, sur ce site, quand on clique en haut à droite, sur la petite croix rouge, une fonction javascript (void() je crois) se met en route... Et une page se charge comme ça, et un bouton pour la refaire disparaitre est dispo en haut à gauche... je voudrais faire pareil, mais avec le rideau qui se charge automatique par dessus la page, en bloquant si possible les effets de celle-ci (comme si elle ne ce chargait qu'après le levé de rideau...)
Voilà... je sais que ce que je demande est un peu compliqué, mais bon, si je demande c'est que j'ai besoin...Merci beaucoup à tous ceux qui me répondront!!
Si vous avez une autre solution, merci de me la donner!
Je précise que je suis nul en javascript...mais demande urgente...
cs_bultez
Messages postés13615Date d'inscriptionjeudi 13 février 2003StatutMembreDernière intervention15 octobre 201330 24 sept. 2004 à 10:18
Bonjour,
mettre une image 2 sur l'image 1 à dévoiler,
diminuer progressivement les dimentions
de l'image 2.
un ch'tit exemple :
<HTML>
<HEAD>
<TITLE></TITLE>
<script type="text/javascript">
function efface()
{ if (parseInt(zone.style.width)>0)
zone.style.width =(parseInt(zone.style.width)-1)+"px";
if (parseInt(zone.style.height)>0)
zone.style.height=(parseInt(zone.style.height)-1)+"px";
if (parseInt(zone.style.width)>0 || parseInt(zone.style.height)>0 )
setTimeout("efface();",200); }
</script>
</HEAD>
</HTML>
ici on diminue les dimentions horizontales et
verticales de 1 tous les 200 milli-secondes.
à adapter aux besoins.
Cordialement Bul. [Site] [[mailto:marcel.Bultez@Tiscali.fr Mail]]
the_smurf
Messages postés283Date d'inscriptionvendredi 6 août 2004StatutMembreDernière intervention22 juin 2006 24 sept. 2004 à 10:28
Tu n'as peut-être pas besoin d'une deuxième page. Le plus simple je pense c'est de créer deux
pour tes rideaux, tu récupères la largeur et la hauteur visible de ton écran pour définir leurs taille (tu peut utiliser screen.width / 2 et screen.height), tu les places au dessus de ta page en leur donnant un z-index plus grand que 1.
Après cette première étape tu devrais avoir le contenu de ta page caché derrière deux rideaux (tes div)/
Maintenant deuxième étape, ouvrir les rideaux. Pour ça il va faloir un peu de javascript: Il va suffir d'accéder à ton div grace à un id que tu lui aura donné et la méthode getElementById et modifier sa position: getElementById("Id").width = getElementById("Id").width -1, le tout dans une boucle pour voir le rideau s'ouvrir.
Orchrist
Messages postés2Date d'inscriptionmercredi 22 septembre 2004StatutMembreDernière intervention24 septembre 2004 24 sept. 2004 à 16:46
Heu, en fait, j'ai pas tout compris... je suis un peu nul, mais j'ai quand même besoin de ce script... Smurf, tu pourrais me montrer un exemple de code? si tu as le temps... et l'envie... c'est jsute pour m'aider... Sinon, dis moi comment immiter le script de web-tricheur, mais en faisant la démarche automatiquement...