Se connecter / S'enregistrer
Votre question

ouvrir une fenêtre en javascript pour y faire défiler des images

Tags :
  • Php
  • Programmation
Dernière réponse : dans Programmation
15 Octobre 2006 12:30:32

Bonjour à tous,
Je n'ai pas de conaissance en php ou javascript mais je souhaiterais créer une fonction qui me permette d'ouvrir une fenêtre en cliquant sur un lien.
Je m'explique, je créer une partie "jeux" sur mon site dans laquelle j'expose plusieurs jeux. Je souhaiterais qu'en cliquant sur le nom d'un jeu, une nouvelle fenêtre s'ouvre par dessus mais qu'elle ne fasse pas la taille totale de l'écran. Et que dans cette fenêtre les différents screenshots défilent automatiquement et que le fenêtre s'adapte à leur taille. Si quelqu'un sait comment faire je lui en serait très reconaissant.

Je voudrais qu'en cliquant sur le lien "Crysis" une fenêtre de 1024*768 nommé capture2.html s'ouvre en pop-up.
Sur le lien quel code dois je mettre?
Dans la page qui doit s'ouvrir quel code dois je mettre? Et sur la page principale où dois je placer le code?
Et dernière question: pour le script permettant de faire défiler les images, où devrais je le mettre dans le code de ma page "capture2.html"?
Merci de m'aider car là je suis vraiment perdu.
Merci beaucoup

Autres pages sur : ouvrir fenetre javascript defiler images

15 Octobre 2006 13:44:46

Jte donnerai pas le code exact (faut chercher un peu aussi lol) mais recherche avec window.open (fonction javascript), sa fera exactement se que tu veux.
15 Octobre 2006 14:07:12

Bonjour,
J'ai refais de nouvelles recherches: j'ai rentré ceci dans mon code au niveau du lien:
<A href="javascript:window.open('capture2.html','Captures Crysis - défilement auto','directories=no','location=no','menubar=no','resizable=no','scrollbars=no', 'width=1024','height=768')">Crysis</A>

Ce code ne marche pas est produit une erreur sous frontPage.
Si vous aviez une idée, solution.
Merci
Contenus similaires
15 Octobre 2006 14:18:34

normal, vue que IE est moisit, il gere pas les titres avec des espaces, vire 'Captures Crysis - defilement' et mes Captures a la place, sa devrai marcher.

Il faut aussi que tu remplate sa:

'directories=no','location=no','menubar=no','resizable=no','scrollbars=no', 'width=1024','height=768'

par sa :

'directories=no , location=no , menubar=no, resizable=no , scrollbars=no , width=1024 , height=768'

tout les arguments se mettent dans la meme chaine ;) .
15 Octobre 2006 14:40:53

Merci de ton aide.
Par contre maintenant que j'ai réussi à ouvrir ma pop-up (avec Firefox), comment faire pour faire défiler des screenshots à l'intéreiur? Actuellement je met (voiture.jpg...) si je veux que les screens défilent ou faut il que je mette le script permettant de les faire défiler?
Pour le script j'ai cette adresse : http://www.dynamicdrive.com/dynamicindex4/flyimage.htm
Merci
15 Octobre 2006 15:31:27

Je vais résumer la situation, sur la page contenant tous les liens qui vont ouvrir une pop-up voici ce que j'ai mis dans <head>

<SCRIPT LANGUAGE="JavaScript">
function PopupCentrer(page,largeur,hauteur,options) {
var top=(screen.height-hauteur)/2;
var left=(screen.width-largeur)/2;
window.open(page,"","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options);
}
</SCRIPT>

Plus bas au niveau du premier lien qui doit ouvrir une pop-up, j'ai mis:

<a href='javascript:p opupCentrer("voiture.jpg",800,450,"menubar=no,scrollbars=no,statusbar=no")'>Crysis</a>

Je voudrais maintenant qu'à la place de voiture.jpg (qui affiche une voiture) il y ai une liste d'image qui défilent automatiquement.
Ou dois intégrer le code fournit en cliquant sur le lien ci-dessus?
Merci beaucoup, on va bien finir par y arriver, ça fait déjà deux heures, d'ci une heure ça devrait être bon...
Amicalement
15 Octobre 2006 16:49:28

Il ressemble a quoi ton script de defillement auto ?
15 Octobre 2006 18:15:03

A celui du lien ci-dessus, mais j'ai trouvé mieux , et plus simple. Maintenant j'ouvre une page html en popup, dans laquelle j'ai un autre script de défilement d'image qui fonctionne.
Par contre j'aurais préféré avoir deux flèches, l'un à gauche et l'autre à droite pour permettre aux visiteurs de faire défiler eux mêmes les screens.

voici à quoi ressemble le script:


<script>
var imgs=new Array();
imgs[0]="voiture.jpg";
imgs[1]="voiture2.jpg";
imgs[2]="voiture3.jpg";
imgs[3]="exemples/photos/4.jpg";
imgs[4]="exemples/photos/5.jpg";
imgs[5]="exemples/photos/6.jpg";
var cpt=0;
function changeimages()
{
document.getElementById("ima").src=imgs[cpt];
cpt++;
if(cpt>=imgs.length) cpt=0;
setTimeout("changeimages()",5000);
}
</script>
</head>


<body onLoad="changeimages()">
<p align="center">
<img id="ima" name="ima" src="" alt="" />

</p>

</body>
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS