begin process at 2012 05 29 20:59:58
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

problème paramétrage popup image javascript

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

problème paramétrage popup image javascript

dimanche 2 mai 2004 à 00:30:05 | problème paramétrage popup image javascript

roya

Bon g voulu faire un script ki ouvre une image dans une popup (de la taille de l'image) en cliquant sur une vignette !

ça marche mais g des images plus larges que mon écran des fois (genre 1500 pixels) alors g voulu faire en sorte que pour celles-ci le popup soit de 800pixels de large avec une scrollbar

encore une foi ça marche mais une fois sur, enfin ça marche la deuxièm fois kon clic sur la vignette ! le premier coup le popup fait la taille de l'écran donc po cool ! si quelqu1 pourrait maider pour ke ça marche du 1er coup

voila le script


<SCRIPT LANGUAGE="JavaScript">
function afficheVignette(cheminVignette,cheminMaxi)
{
document.write('<A HREF="javascript:afficheMaxi(\''+cheminMaxi+'\')"><IMG SRC="'+cheminVignette+'" HSPACE=0 VSPACE=0 BORDER=0 ALT="cliquez ici pour voir en grand"></A>');
}
function afficheMaxi(chemin)
{
image = new Image;
image.src = chemin;
if(image.width > 800){
largeur = 800;
scrollage = 1;
hauteur = image.height+17;

}
else{
largeur = image.width;
hauteur = image.height;
scrollage = 0
}
html = '<HTML><HEAD><TITLE>Image</TITLE></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0><CENTER><IMG SRC="'+chemin+'" NAME=imageTest onLoad="window.resizeTo(largeur,hauteur)"></CENTER></BODY></HTML>';
popupImage = window.open('','','width='+largeur+',height='+hauteur+',toolbar=0,location=0,directories=0,menuBar=0,scrollbars='+scrollage+',resizable=0');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close()
};
</SCRIPT>


et pour voir mon problème plus concrètement voila la page avec les vignettes
http://graffitidatabase.free.fr/persos1.htm

merci d'avance
dimanche 2 mai 2004 à 16:05:54 | Re : problème paramétrage popup image javascript

chimelpremier
Les dimensions de l'image arbitraires au départ(400X400) ne sont connus qu'en fin de chargement dans le onload de la popup. :

function afficheMaxi(chemin)
{
image = new Image();
image.src = chemin;
html = '<HTML><HEAD><TITLE>Image</TITLE></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0><CENTER><IMG SRC="'+chemin+'" NAME=imageTest onLoad="i=document.imageTest;l=i.width>=800?800+'px':i.width;window.resizeTo(l,i.height);moveTo(0,0)"></CENTER></BODY></HTML>';
popupImage = window.open('','','width=400+"px",height=400+"px"');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close();
popupImage.focus();
};
dimanche 2 mai 2004 à 18:41:28 | Re : problème paramétrage popup image javascript

roya

salut !! merci pour ta solution mais ça ne fonctionnait pas très bien et je n'ai pas réussi à comprendre pourquoi d'aileurs

sinon j'ai un peu changer mon code et ça donne ça maintenant


<script type="text/javascript">

var LargeurMax = 800;
var HauteurMax = 600;

function afficheVignette(cheminVignette, cheminMaxi) {
document.write('<a href="javascript:afficheMaxi(\''+cheminMaxi+'\')"><img src="'+cheminVignette+'" hspace="0" vspace="0" border="0" alt="cliquez ici pour voir en grand"></a>');
}

function afficheMaxi(chemin) {
var image = new Image;
image.src = chemin;
var largeur = image.width;
var hauteur = image.height+17;
var scrollage = 0;
if(largeur > LargeurMax) {
largeur = LargeurMax;
scrollage = 1;
}
if(hauteur > HauteurMax) {
hauteur = HauteurMax;
scrollage = 1;
}
var posX = (screen.width-largeur)/2;
var posY = (screen.height-hauteur)/2;
html = '<html><head><title>'+chemin+'</title></head><body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0"><center><img src="'+chemin+'" name="imageTest" onload="window.resizeTo('+largeur+','+hauteur+');window.moveTo('+posX+','+posY+')"></center></body></html>';
popupImage = window.open('', '', 'width='+largeur+',height='+hauteur+',toolbar=0,location=0,directories=0,menuBar=0,scrollbars='+scrollage+',resizable=0');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close()
}

</script>


ça marche mais pas au 1er clic cette fois-ci sur les images de moins de 800 pixels il faut cliquer une deuxième fois ...

aaaaaaaaargh je m'en sortirais jamais

si vous êtes inspirés pour voir ce ke ça donne

http://graffitidatabase.free.fr/couleur1.htm


merci
lundi 3 mai 2004 à 00:59:13 | Re : problème paramétrage popup image javascript

chimelpremier
J'avait pas essayé. Voilà la fonction corrigée :
function afficheMaxi(chemin)
{
image = new Image();
image.src = chemin;
html = '<HTML><HEAD><TITLE>Image</TITLE></HEAD><BODY style="margin:0;"><IMG SRC="'+chemin+'" NAME="imageTest" onLoad="lmax=screen.width;hmax=screen.height;i=document.imageTest;l=i.width+30;h=i.height+40;if(l>=lmax){h=(lmax/l)*h;l=lmax};if(h>=hmax)h=hmax;window.resizeTo(l,h);moveTo((lmax-l)/2,0)"></BODY></HTML>';
popupImage = window.open('','','width=200+"px",scrollbars,resizable');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close();
};
Pourquoi tu n'utilise pas un calque plutot ? ça pose moins de problèmes. Tu peut essayer mon source "lien images.."
http://moncastel.9online.fr/gimg.htm
J'ai pas prévu les images plus grandes que la fenêtre, ni le centrage mais si ça interresse, je le corrigerai, yaka demander
lundi 3 mai 2004 à 08:00:00 | Re : problème paramétrage popup image javascript

roya

merci pour ton aide ça fonctionne !!


Cette discussion est classée dans : image, marche, document, popup, popupimage

Répondre à ce message

Sujets en rapport avec ce message

aide fermeture popup image [ par the red power 65 ] bonjour a tousj'utilise ce script pour faire afficher mes images dans une popup :'Image<BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGIN pb avec un popup [ par kun00538 ] bonjour a tousVoila j'ai une page html avec un avatar par default quand l'utilisateur clic sur le bouton pour change d'image j'ouvre une popup pour ac besoin d'aide .. débutante [ par malkie ] Bonjour,voilà mon problème : je veux faire un pop up  qui en cliquant sur une vignette ouvre une fenetre avec la même image en grand. Tout va bien pou Probleme document.write [ par TCHATTE ] j ai un petit probleme avec ce script : popup= window.open("","hello"); if(popup) { popup.document.open(); popu pb javascript popup image [ par kobeenforce ] Diaporama //prechargement des miniatures var tabmini = new Array; Popup taille image centrer [ par kiki67100 ] Salut a tous J'ai un code pour mon site affiché une pop avec la taille de l'image jusqu'ici tout va bien pas de probleme Voila le code function PopupI débutant jquery probléme fermeture de popup avec effet [ par dareman ] bonsoir, j'essaie de fermer une popup contenant uniquement une image avec l'effet explode. mais hélas je n'y arrive pas, étant un programmeur débutant pb compatibilité de ma galerie d'images. [ par fluffenfrance ] Bonjour, voici le code que j'utilise pour une galerie d'image sur mon site internet: <!-- function popupImage(url,titre) { var img = nu problème de vieux script avec autres navigateurs [ par Joce1605 ] Bonjour à tous, je cherche de l'aide. J'ai trouvé unvieus script sur le web qui ne fonctionne que sous IE, serait-il possible de l'adapter pour tous l probleme pour afficher un popup [ par tupense ] bonjour j'ai un script qui liste des dossier dans un dossier puis qui affichent ceux-ci en lien au click il liste les fichier du dit dossier il affic


Nos sponsors


Sondage...

Comparez les prix


Motorola MILESTONE
Entre 489€ et 489€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,248 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)