Ouvrir une image avec des dimentions précises

malabarbe Messages postés 136 Statut Membre -
malabarbe Messages postés 136 Statut Membre - 6 mai 2008 à 13:47

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 Messages postés 174 Statut Membre 16

et ton image s'ouvre ou ?

as tu une fonction javascript qui l'ouvre ?
0
1. malabarbe Messages postés 136 Statut Membre 1
  
  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
  1. burnedsyn Messages postés 174 Statut Membre 16 > malabarbe Messages postés 136 Statut Membre
    
    ta 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
  2. malabarbe Messages postés 136 Statut Membre 1 > burnedsyn Messages postés 174 Statut Membre
    
    Je 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