Bonjour
j'essaye d'adapter le code "lightbox" ci-dessous à mon projet mais j'ai du mal...
http://lokeshdhakar.com/projects/lightbox/

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>ESSAI LIGHTBOX</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<meta name="robots" content="noindex, nofollow" />
<script type="text/javascript" src="lightbox.js"></script>
<link rel="stylesheet" type="text/css" href="lightbox.css" />
</head>
<body>
<h3>EFFETS LIGHTBOX</h3>
<div class="thumbnail">
<a href="image.jpg" rel="lightbox"><img src="image.jpg" width="150" alt="" /></a>
</div>
</body>
</html>
cela fonctionne sauf que l'image est affichée à son format d'origine, et si l'image est très grande (c'est mon cas...) cela déborde de l'écran...

Comment faire pour limiter la largeur et la hauteur de l'image en "lightbox" selon la taille de l'écran ?
Merci beaucoup !