| > Ouvrir une image avec des dimentions précises |
[ Posté par Malabarbe ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 06-05-2008 à 13:07 | 45 messages ]
Bonjour,
J'ai d'abord ce code qui m'ouvre l'image en basse définition :
<img border='0' src='Mini/2639.jpg' width='715' height='460' onclick='history.back()' Target='bas_droite' title=' Click = Retour à la Liste ' />
|
|
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
<div class="menuitems" align="center" url="Maxi/2639.jpg"> Afficher la Photo en haute résolution ! </div>
|
|
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
[Message édité par malabarbe le 06-05-2008 à 13:09]
[Message édité par malabarbe le 07-05-2008 à 14:02]
|
|
|
[ Posté par rf92 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 06-05-2008 à 22:20 | 603 messages ]
bonsoir,
et si tu rajoutes :
<style type="text/css">
.menuitems { height:768px; width:1024px; }
</style> |
|
a+
________________
rf92
A Begwalewe, près de Serule au Botswana, Galetwaselwe Mossi a volé une vache à Sir Seretse Khama. On vous fait grâce du nom de la vache.
Pierre Desproges
|
[ Posté par Malabarbe ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 07-05-2008 à 10:02 | 45 messages ]
Bonjour,
Non, .menuitems cela redimentionne le message (petit menu)
Et l'image appelée ne change pas de dimentions
|
[ Posté par v1nce ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 07-05-2008 à 11:38 | 3804 messages ]
Trop incomplet pour pouvoir faire quoi que ce soit. Donne le js et le code html
________________
V1nce
Si je les ai oubliés les bonjour, merci et au revoir sont implicites
Brevets logiciels : dites NON !
http://petition.eurolinux.org/index.html
http://swpat.ffii.org/index.fr.html
|
[ Posté par Malabarbe ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 07-05-2008 à 14:00 | 45 messages ]
|
Salut, merci de t'intéresser a mon soucis.
Voici mon code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
<style>
#menu
{
border:3px solid navy;
background-color:lightblue;
font-family:Arial, Verdana;
font-size: 12pt;
color:#000080;
line-height:24px;
cursor ointer;
visibility:hidden;
}
.menuitems
{
height:48px; width:162px;
}
</style>
<script language="JavaScript1.2">
var display_url=1
function showmenu()
{
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY
if (rightedge<menu.offsetWidth)
menu.style.left=document.body.scrollLeft+event.clientX-menu.offsetWidth
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"
event.srcElement.style.width="220px"
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>
</head>
<body>
<center>
<p><img align="center" border="0" src="Mini/0489.jpg" width="720" height="460"></p>
<div id="menu" width:225px; onMouseover="over()" onMouseout="out()" onClick="linkTo()">
<CENTER><b><i>
<div class="menuitems" align="center" url="Maxi/0489.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>
|
|
A te lire
[Message édité par malabarbe le 07-05-2008 à 14:04]
|
[ Posté par v1nce ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 07-05-2008 à 15:06 | 3804 messages ]
Au final c'est pour faire quoi ?
A quoi cela sert-il de faire un menu sur le click droit ? C'est inattendu sur une page web.
Si j'ai bien suivi ton code le menu ne comporte qu'une entrée permettant d'afficher l'image en haute-résolution autant permettre de le faire via un lien
<a href="hauteréso.png"><img src="basseréso.png"></a>
Si l'image est trop large pour être affichée, ie et ff devrait réduire sa taille automatiquement.
Moins de javascript = moins de problème
________________
V1nce
Si je les ai oubliés les bonjour, merci et au revoir sont implicites
Brevets logiciels : dites NON !
http://petition.eurolinux.org/index.html
http://swpat.ffii.org/index.fr.html
|
[ Posté par Malabarbe ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 07-05-2008 à 15:15 | 45 messages ]
L'image en basse définition s'affiche dans une frame et la remplit cômplètement donc le seul moyen que j'ai trouvé c'est qu'avec un click droit sur l'image, afficher la demande de voir l'image en haute définition.
Sachant que le click gauche sert a faire back-1.
Si vous avez mieux, je suis preneur !
[Message édité par malabarbe le 07-05-2008 à 16:40]
|
[ Posté par v1nce ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 09-05-2008 à 09:27 | 3804 messages ]
Ca parait un peu compliqué comme navigation. 
________________
V1nce
Si je les ai oubliés les bonjour, merci et au revoir sont implicites
Brevets logiciels : dites NON !
http://petition.eurolinux.org/index.html
http://swpat.ffii.org/index.fr.html
|
[ Posté par Malabarbe ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 09-05-2008 à 10:02 | 45 messages ]
Bon j'ai trouvé
- Au lieu d'ouvrir l'image HD, j'ouvre une fenètre avec passage par L'URL du numéro de l'image
- Dans la fenètre, je récupère le numéro de l'image et j'ouvre celle-ci avec les dimentions voulues
@ +
|
Home Page
]
