Opened by pKai at 2005-10-03 01:38
User since
2005-02-18
357 Artikel
BenutzerIn
![[default_avatar]](/battie/theme/default/default_avatar.gif)
2005-02-18
357 Artikel
BenutzerIn
Auf mein zuletzt beschriebenes Problem zurückkommend:
Hier ein funktionierender Prototyp:
mit dem Kamel-Bild vom Board, damit alle das Gleiche sehen.
Native Breite des Bildes ist 550px. Wenn man die Seite öffnet und genug Fensterbreite hat (Bildbreite > 300) wird sich bei Klick auf "CorrSize" (und aktiviertem javascript in DOM-fähigem Browser) was tun: Jedenfalls wird bei mir die Höhe (korrrekt) angepasst, die Breite aber nicht.
Getestet mit IE und Firefox.
Wie ist das zu lösen?
Hier ein funktionierender Prototyp:
Code: (dl
)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<html>
<head>
<style type="text/css" media="screen">
#content
{
margin: 0 100px 0 100px;
padding: 1em;
background-color: yellow;
}
.stretch img {
width: 100%;
}
</style>
<script type="text/javascript">
function CorrSize(imgName,maxWidth) {
if (! document.getElementsByName) return;
var ImgList = document.getElementsByName(imgName);
for (var i = 0; i < ImgList.length; ++i) {
var aktWidth = ImgList[i].width;
if (maxWidth < aktWidth) {
var fak = maxWidth / aktWidth
ImgList[i].width = maxWidth
ImgList[i].height = ImgList[i].height * maxWidth / aktWidth
}
}
}
</script>
</head>
<body>
<div id="content">
<div class="stretch">
<img src="http://board.perl-community.de/iB_html/non-cgi/Skin/SKIN-3/images/pc_logo.png" alt="" name="ImgStr" style="max-width:550px" />
</div>
<p><a href="javascript:CorrSize('ImgStr', 300)">CorrSize</a></p>
</div>
</body>
</html>
Native Breite des Bildes ist 550px. Wenn man die Seite öffnet und genug Fensterbreite hat (Bildbreite > 300) wird sich bei Klick auf "CorrSize" (und aktiviertem javascript in DOM-fähigem Browser) was tun: Jedenfalls wird bei mir die Höhe (korrrekt) angepasst, die Breite aber nicht.
Getestet mit IE und Firefox.
Wie ist das zu lösen?
I sense a soul in search of answers.