Se connecter avec
S'enregistrer | Connectez-vous

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

Dernière réponse : dans Programmation

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

Lassé par la pub ? Créez un compte

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

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 ;) .

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

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>
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde