Pbl combiner popup + images aléatoire
jessikou
Messages postés
43
Date d'inscription
Statut
Membre
Dernière intervention
-
caro777 Messages postés 139 Date d'inscription Statut Membre Dernière intervention -
caro777 Messages postés 139 Date d'inscription Statut Membre Dernière intervention -
salut tt le monde,
ben voila g un gros pbl...en fait j'ai sur un site 3 petites vignettes...lorsqu'on clique sur une, une fenêtre popup s'ouvre jusqu'ici tt va bien...ca se corse lorsqu'il faut que les images des vignettes soient aléatoires
donc 3 vignettes qui lorsque l'on réactualise la page changent mais lorsque l'on clique sur l'une d'entre elle la pop up qui correspond s'ouvre
je sais faire les 2 independament mais combiné non
est ce que quelqu'un peut m'aider??
merci
ben voila g un gros pbl...en fait j'ai sur un site 3 petites vignettes...lorsqu'on clique sur une, une fenêtre popup s'ouvre jusqu'ici tt va bien...ca se corse lorsqu'il faut que les images des vignettes soient aléatoires
donc 3 vignettes qui lorsque l'on réactualise la page changent mais lorsque l'on clique sur l'une d'entre elle la pop up qui correspond s'ouvre
je sais faire les 2 independament mais combiné non
est ce que quelqu'un peut m'aider??
merci
A voir également:
- Pbl combiner popup + images aléatoire
- Des images - Guide
- Fake mcafee popup - Accueil - Piratage
- Combiner pdf - Guide
- Extraire images pdf - Guide
- Images enregistrées - Forum Gravure
36 réponses
il faut metre random généré dans s'un tbleau et vrifier a chque fois si le rand généré existe dans le tableau ...
ben voila mon code est le suivant: j'ai juste crée 3 dossiers et c'est là que ca foire alors que qd tt les images st dans concert ca va nikel avec le precedent code....
merci
<html>
<head>
<title>Musique en live
</title>
<link rel="stylesheet" href="styles/mel.css" type="text/css">
</head>
<body>
<td align="center" valign="top" width="520" bgcolor="#FFFF99">
<html>
<head>
<script type="text/javascript">
img=Array();
img[0]=Math.round(Math.random()*(9-1))+1;
img[1]=Math.round(Math.random()*(9-1))+1;
img[2]=Math.round(Math.random()*(9-1))+1;
function loading()
{
document.getElementById('image1').src = '../www/images/concert1/vignette_'+img[0]+'.jpg';
document.getElementById('lien1').href = "javascript:popupImage('../www/images/concert1/img_"+img[0]+".jpg');";
document.getElementById('image2').src = '../www/images/concert2/vignette_'+img[1]+'.jpg';
document.getElementById('lien2').href = "javascript:popupImage('../www/images/concert2/img_"+img[1]+".jpg');";
document.getElementById('image3').src = '../www/images/concert3/vignette_'+img[2]+'.jpg';
document.getElementById('lien3').href = "javascript:popupImage('../www/images/concert3/img_"+img[2]+".jpg');";
}
function popupImage(img) {
titre="Agrandissement";
w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no');
w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>");
w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+10,document.images[0].height+30); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>");
w.document.write("<BODY onload='checksize()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");
w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>");
w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border=0 alt='Mon image'>");
w.document.write("</TD></TR></TABLE>");
w.document.write("</BODY></HTML>");
w.document.close();
}
</script>
</head>
<body onload="javascript:loading()">
<table width="520" border="0" align="left">
<tr height="130">
<td width="50%">
<table width="520">
<tr align="center" valign="middle" height="130">
<td width="33%" bgcolor="#999933">
<a id="lien1" href="#" >
<img id="image1" src="" alt="images du live" border="0">
</a>
</td>
</tr>
<tr align="center" valign="middle" height="130">
<td width="33%" bgcolor="#999933">
<a id="lien2" href="#" >
<img id="image2" src="" alt="images du live" border="0">
</a>
</td>
</tr>
<tr align="center" valign="middle" height="130">
<td width="33%" bgcolor="#999933">
<a id="lien3" href="#" >
<img id="image3" src="" alt="images du live" border="0">
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
merci
<html>
<head>
<title>Musique en live
</title>
<link rel="stylesheet" href="styles/mel.css" type="text/css">
</head>
<body>
<td align="center" valign="top" width="520" bgcolor="#FFFF99">
<html>
<head>
<script type="text/javascript">
img=Array();
img[0]=Math.round(Math.random()*(9-1))+1;
img[1]=Math.round(Math.random()*(9-1))+1;
img[2]=Math.round(Math.random()*(9-1))+1;
function loading()
{
document.getElementById('image1').src = '../www/images/concert1/vignette_'+img[0]+'.jpg';
document.getElementById('lien1').href = "javascript:popupImage('../www/images/concert1/img_"+img[0]+".jpg');";
document.getElementById('image2').src = '../www/images/concert2/vignette_'+img[1]+'.jpg';
document.getElementById('lien2').href = "javascript:popupImage('../www/images/concert2/img_"+img[1]+".jpg');";
document.getElementById('image3').src = '../www/images/concert3/vignette_'+img[2]+'.jpg';
document.getElementById('lien3').href = "javascript:popupImage('../www/images/concert3/img_"+img[2]+".jpg');";
}
function popupImage(img) {
titre="Agrandissement";
w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no');
w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>");
w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+10,document.images[0].height+30); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>");
w.document.write("<BODY onload='checksize()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");
w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>");
w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border=0 alt='Mon image'>");
w.document.write("</TD></TR></TABLE>");
w.document.write("</BODY></HTML>");
w.document.close();
}
</script>
</head>
<body onload="javascript:loading()">
<table width="520" border="0" align="left">
<tr height="130">
<td width="50%">
<table width="520">
<tr align="center" valign="middle" height="130">
<td width="33%" bgcolor="#999933">
<a id="lien1" href="#" >
<img id="image1" src="" alt="images du live" border="0">
</a>
</td>
</tr>
<tr align="center" valign="middle" height="130">
<td width="33%" bgcolor="#999933">
<a id="lien2" href="#" >
<img id="image2" src="" alt="images du live" border="0">
</a>
</td>
</tr>
<tr align="center" valign="middle" height="130">
<td width="33%" bgcolor="#999933">
<a id="lien3" href="#" >
<img id="image3" src="" alt="images du live" border="0">
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
pourquoi veux-tu les mettre dans trois dossiers différents ?
pour afficher trois pages différentes ?
une version sans les répétitions dans le 'random()'.
pour afficher trois pages différentes ?
une version sans les répétitions dans le 'random()'.
parceque si je met toutes les images dans le même dossier prafois elles apparaissent plusieurs fois sur la page et puis je veux mettre un certain type d'image pour la vignette 1, idem pour la 2 et la 3....mais finalement je crois que ca marche, enfin ca depend des fois....
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
oui et ca correspond tout à fait a part que je n'ai qu'une seule page....merci
ca me fait penser à mon autre question
comment fait on lorque l'on a une image aléatoire mais cette fois ci lorsque l'on clique dessus ce n'est pas une image pop up qui s'ouvre mais c'est un lien vers une autre page
une image = un lien
j'imagine que c'est presque le même système ....faut mettre les url dans un tableau ou faire une fonction??
ca me fait penser à mon autre question
comment fait on lorque l'on a une image aléatoire mais cette fois ci lorsque l'on clique dessus ce n'est pas une image pop up qui s'ouvre mais c'est un lien vers une autre page
une image = un lien
j'imagine que c'est presque le même système ....faut mettre les url dans un tableau ou faire une fonction??
sinon j'ai une autre question, pourquoi cela fonctionne avec certaines images et pas d'autres, pourtant c'est aussi des jpg!! c'est à devenir dingue!! vous avez une idée??
merci
merci
salut,
je trouve ce code intéressant et du coup je l'ai adapté pour mon site mais je me rend compte qu'il y a un soucis avec firefox...en effet lorsque l'on clique sur la petite image la grande est beaucoup trop grande dans firefox mais de taille plus réduite (aprés avoir été redimensionnée) dans internet explorer....j'ai vu qu'il y avait une fonction checksize, est ce que ca vient de là???
sinon pour le le lien par rapport à une image aléatoire (ca peut être aussi trés intéressant) il ya ca:
php images aleatoire avec lien
a presto
je trouve ce code intéressant et du coup je l'ai adapté pour mon site mais je me rend compte qu'il y a un soucis avec firefox...en effet lorsque l'on clique sur la petite image la grande est beaucoup trop grande dans firefox mais de taille plus réduite (aprés avoir été redimensionnée) dans internet explorer....j'ai vu qu'il y avait une fonction checksize, est ce que ca vient de là???
sinon pour le le lien par rapport à une image aléatoire (ca peut être aussi trés intéressant) il ya ca:
php images aleatoire avec lien
a presto
salut caro777,
en effet lorsque l'on clique sur la petite image la grande est beaucoup trop grande dans firefox mais de taille plus réduite (aprés avoir été redimensionnée) dans internet explorer
je ne comprends pas ce que tu veux dire.
as-tu une url à nous soumettre ou une capture d'écran ?
en effet lorsque l'on clique sur la petite image la grande est beaucoup trop grande dans firefox mais de taille plus réduite (aprés avoir été redimensionnée) dans internet explorer
je ne comprends pas ce que tu veux dire.
as-tu une url à nous soumettre ou une capture d'écran ?
hello dalida,
c'est vrai, quand je me relis c'est pas trés clair ;-)!!! en fait avec le code que tu as donné on peut cliquer sur une "vignette" et une image popup s'ouvre....elle apparaissait immense alors j'ai réduit la taille de cette image du coup dans IE ca marche parafaitement....en effet l'image grande s'ouvre mais ne prend pas tout l'écran alors que dans firefox elle s'ouvre toujours 10 fois trop grande, on ne voit même pas l'image dans son ensemble!!! Le fait de l'avoir redimensionné n'a rien changé....
t'as une idée??
thanks
a presto,
c'est vrai, quand je me relis c'est pas trés clair ;-)!!! en fait avec le code que tu as donné on peut cliquer sur une "vignette" et une image popup s'ouvre....elle apparaissait immense alors j'ai réduit la taille de cette image du coup dans IE ca marche parafaitement....en effet l'image grande s'ouvre mais ne prend pas tout l'écran alors que dans firefox elle s'ouvre toujours 10 fois trop grande, on ne voit même pas l'image dans son ensemble!!! Le fait de l'avoir redimensionné n'a rien changé....
t'as une idée??
thanks
a presto,
salut,
t'as une idée??
oui !!
en fait, ce n'est pas une idée, c'est un réflex !
quand tu fais des modifs et que rien ne se passe → vide le cache de ton navigateur !!!
• [ Ctrl ] + [ F5 ] pour actualiser la page, cela oblige le navigateur à ignorer le cache et à recharger tous les éléments de la page (donc la photo retaillée…) ;
• sous FireFox, plus radical et plus pointu : l'extension Cache Status qui te permets de gérer les caches de FF.
à plus
t'as une idée??
oui !!
en fait, ce n'est pas une idée, c'est un réflex !
quand tu fais des modifs et que rien ne se passe → vide le cache de ton navigateur !!!
• [ Ctrl ] + [ F5 ] pour actualiser la page, cela oblige le navigateur à ignorer le cache et à recharger tous les éléments de la page (donc la photo retaillée…) ;
• sous FireFox, plus radical et plus pointu : l'extension Cache Status qui te permets de gérer les caches de FF.
à plus
hi,
merci pour les conseils cependant je ne peux pas installer "Cache Status" pour l'instant même si je trouve que ca peut être particulièrement pratique!!! en faisant [ Ctrl ] + [ F5 ] ca ne fonctionne toujours pas par contre pour une photo que j'avais redimensionné avant ca fonctionne...est ce que ca doit être immédiat?? ya t-il d'autres options??
thanks
merci pour les conseils cependant je ne peux pas installer "Cache Status" pour l'instant même si je trouve que ca peut être particulièrement pratique!!! en faisant [ Ctrl ] + [ F5 ] ca ne fonctionne toujours pas par contre pour une photo que j'avais redimensionné avant ca fonctionne...est ce que ca doit être immédiat?? ya t-il d'autres options??
thanks
re,
est ce que ca doit être immédiat ?
ba oui puisque les dimensions physiques de l'image sont différentes.
si la modification n'est pas visible, c'est soit que l'image n'est pas retaillée, soit que l'image affichée est stockée en mémoire et non pas celle que tu as retaillée.
es-tu sure que l'image que tu cibles est bien celle qui a été retaillée ?
pour une photo que j'avais redimensionné avant ca fonctionne...
es-tu sure que tout est identique ?
est ce que ca doit être immédiat ?
ba oui puisque les dimensions physiques de l'image sont différentes.
si la modification n'est pas visible, c'est soit que l'image n'est pas retaillée, soit que l'image affichée est stockée en mémoire et non pas celle que tu as retaillée.
es-tu sure que l'image que tu cibles est bien celle qui a été retaillée ?
pour une photo que j'avais redimensionné avant ca fonctionne...
es-tu sure que tout est identique ?
ben oui je viens encore de faire le test.....je remplace la photo trop grande par la photo redimensionnée....j'ai vérifié la taille, c'est tout bon!! Je ne vois pas d'ou vient l'erreur....pour la photo qui fonctionne je ne sais plus comment je my suis prise, peut être qu'elle était d'origine à la bonne taille...si t'as une autre idée sinon c'est pas grave....je ferai autrement!!
thanks
thanks