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
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
A voir également:
- Ouvrir une image avec des dimentions précises
- Ouvrir fichier .bin - Guide
- Comment ouvrir un fichier epub ? - Guide
- Ouvrir avec - Guide
- Ouvrir fichier rar - Guide
- Comment ouvrir un fichier docx ? - Guide
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
6 mai 2008 à 13:13
et ton image s'ouvre ou ?
as tu une fonction javascript qui l'ouvre ?
as tu une fonction javascript qui l'ouvre ?
6 mai 2008 à 13:15
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
6 mai 2008 à 13:40
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 ?
6 mai 2008 à 13:47
<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