Ouvrir une image avec des dimentions précises

Fermé
malabarbe Messages postés 127 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 14 septembre 2016 - 6 mai 2008 à 13:10
malabarbe Messages postés 127 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 14 septembre 2016 - 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

1 réponse

burnedsyn Messages postés 170 Date d'inscription samedi 29 septembre 2007 Statut Membre Dernière intervention 21 février 2009 16
6 mai 2008 à 13:13
et ton image s'ouvre ou ?

as tu une fonction javascript qui l'ouvre ?
0
malabarbe Messages postés 127 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 14 septembre 2016 1
6 mai 2008 à 13:15
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
burnedsyn Messages postés 170 Date d'inscription samedi 29 septembre 2007 Statut Membre Dernière intervention 21 février 2009 16 > malabarbe Messages postés 127 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 14 septembre 2016
6 mai 2008 à 13:40
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
malabarbe Messages postés 127 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 14 septembre 2016 1 > burnedsyn Messages postés 170 Date d'inscription samedi 29 septembre 2007 Statut Membre Dernière intervention 21 février 2009
6 mai 2008 à 13:47
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