Ouvrir une image avec des dimentions précises

malabarbe -

Bonjour,

J'ai d'abord ce code qui m'ouvre l'image en basse définition :
[code]
<img border='0' src='Mini/2639.jpg' width='715' height='460' onclick='history.back()' Target='bas_droite' title=' Click = Retour à la Liste ' />
[/code]
Grace a une fonction JavaScript, avec un click droit sur l'image, apparait comme un petit menu et quand je click sur le menu, cela m'ouvre l'image en haute résolution
[code]
<div class="menuitems" align="center" url="Maxi/2639.jpg"> Afficher la Photo en haute résolution ! </div>
[/code]
Mais l'image dépasse et de loin les dimentions de ma fenètre
Je voudrais donc pouvoir en ajuster les dimentions
A vous lire

Afficher la suite

1 réponse

Réponse 1 / 1
burnedsyn
et ton image s'ouvre ou ?

as tu une fonction javascript qui l'ouvre ?
0
1. malabarbe Auteur
  
  Bonjour,
  
  L'image Maxi s'affiche a la place de la mini
  
  Le code :
  <script language="JavaScript1.2">
  document.oncontextmenu=showmenu
  if (document.all&&window.print)
  document.body.onclick=hidemenu
  </script>
  
  Je peut donner le source complet
  
  0
2. burnedsyn
  
  @malabarbeta petite image est dans une div ?
  si pas essaye de la mettre dans une div sans dimension et ensuite je présume que le js change l'attribut src de la balise img et que tu ne vois qu'un bout de l'image alors simplement oui ?
  
  0
3. malabarbe Auteur
  
  @burnedsynJe suis dépassé, je met mon source :
  
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  <title>zzz.php</title>
  
  <?
  $val="";
  $fichier="2639";
  
  function is_valid_class($c)
  {
  $classList=array('class1','class2');
  return (in_array($c, $classList))?true:false;
  }
  
  //Récupère la Titre
  $choix="";
  $choix=$fichier;
  ?>
  
  <style>
  #menu{
  //position: absolute; top: 80 px; left: 100 px;
  width:225px;
  border:3px solid navy;
  background-color:lightblue;
  font-family:Arial, Verdana;
  font-size: 12pt;
  color:#000080;
  line-height:24px;
  cursor:pointer;
  visibility:hidden;
  }
  
  .menuitems{
  //padding-left:5px;
  //padding-right:5px;
  }
  </style>
  
  <script language="JavaScript1.2">
  var display_url=1
  
  function showmenu(){
  var rightedge=1000
  var bottomedge=0
  if (rightedge<menu.offsetWidth)
  menu.style.left=document.body.scrollLeft+event.clientX-menu
  
  else
  menu.style.left=document.body.scrollLeft+event.clientX
  if (bottomedge<menu.offsetHeight)
  menu.style.top=document.body.scrollTop+event.clientY-menu.offsetHeight
  else
  menu.style.top=document.body.scrollTop+event.clientY
  menu.style.visibility="visible"
  menu.style.position = 'absolute';
  //Position X
  menu.style.top = (document.body.clientHeight /2) - (menu.offsetHeight /2) + 'px';
  //Position Y
  menu.style.left = (document.body.clientWidth /2) - (menu.offsetWidth /2) + 'px';
  return false
  }
  
  function hidemenu(){ menu.style.visibility="hidden" }
  
  function over(){
  if (event.srcElement.className=="menuitems"){
  event.srcElement.style.backgroundColor="highlight"
  event.srcElement.style.color="yellow"
  if (display_url==1)
  window.status=event.srcElement.url
  }
  }
  
  function out(){
  if (event.srcElement.className=="menuitems"){
  event.srcElement.style.backgroundColor=""
  event.srcElement.style.color="#000080"
  window.status=''
  }
  }
  
  function linkTo(){
  if (event.srcElement.className=="menuitems")
  window.location=event.srcElement.url
  }
  </script>
  <body bgcolor="#7698BE">
  
  </head>
  <body>
  <p align="center"></p>
  <target=bas_droite>
  
  <?
  $fichier="mini/2639.jpg";
  
  // Teste l'existance de l'image
  $filename = $fichier;
  if (file_exists($filename))
  {
  echo "<div align='center'>";
  echo "<table border='0' width='62%' id='table1' cellspacing='0' cellpadding='0'>";
  echo ("<img border='0' src='$fichier' width='715' height='460' onclick='history.back()' Target='bas_droite' title=' Click = Retour à la Liste ' />");
  echo "</table>";
  echo "</div>";
  }
  ?>
  
  <div id="menu" width:225px; onMouseover="over()" onMouseout="out()" onClick="linkTo()">
  <CENTER><b><i>
  <div class="menuitems" align="center" url="Maxi/2639.jpg"> Afficher la Photo en haute résolution ! </div>
  
  <script language="JavaScript1.2">
  document.oncontextmenu=showmenu
  if (document.all&&window.print)
  document.body.onclick=hidemenu
  </script>
  </body>
  </html>
  
  PS: Je n'ai pas de petite image, seule la résolution change
  
  0

Ouvrir une image avec des dimentions précises

1 réponse

Discussions similaires

Newsletters