Ouvrir une image avec des dimentions précises
malabarbe
Messages postés
136
Statut
Membre
-
malabarbe Messages postés 136 Statut Membre -
malabarbe Messages postés 136 Statut Membre -
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
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
A voir également:
- Ouvrir une image avec des dimentions précises
- Comment ouvrir un fichier epub ? - Guide
- Ouvrir fichier .bin - Guide
- Ouvrir avec - Guide
- Ouvrir fichier .dat - Guide
- Comment ouvrir un fichier docx ? - Guide
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
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 ?
<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