Heysa !
Først vil jeg lige sige at man godt kan få dimensioner på billeder med JavaScript - Det du kunne gøre i dit tilfælde er at hente dine billeder fra DB'en checke dem i klienten og så udskrive dem til siden...
Jeg har her lavet et eksempel der henter 3 billeder der preloades (kunne evt. kombineres med din DB) og vises med højde og bredde (man kunne evt. ha' defineret en fast størrelse for dem) - det er ligeledes muligt nede i bunden at angive en fast dimension for alle billederne på siden ! :o)
Håber du evt. kan bruge det til noget...???
Venligst
<ATN/>
**********| CODE START |***********
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
#content {
display : none;
}
#loader {
visibility : visible;
}
</style>
<script language="javascript" type="text/javascript">
var strHtml = '',outputHtml = '';
var nyImage = new Array();
var myImage = new Array();
// SKRIV BILLEDER HER !!!
//***********************
myImage[0] = '
http://www.atn.dk/showcase/SimpelPreload/tungt_billede.jpg' myImage[1] = '
http://www.atn.dk/showcase/banner/banner001.gif' myImage[2] = '
http://www.atn.dk/images/atn.jpg' function imageLoader() {
for (var i = 0; i < myImage.length; i++) {
nyImage[i] = new Image();
nyImage[i].src = myImage[i];
checkSize(i,nyImage[i].src,nyImage[i].width,nyImage[i].height)
}
}
function checkSize(intI,inputSrc,inputW,inputH) {
strHtml += '<tr>';
strHtml += '<td valign="top" align="center"><img src="'+inputSrc+'" width="'+inputW+'" height="'+inputH+'"><br>Størrelse: H:'+inputH+'px / W:'+inputW+'px</td><td valign="top" id="status'+intI+'">';
strHtml += ((inputW != 100) || (inputH != 100))?'<font color="#ff0000">Fejl i størrelse</font>':'<font color="#00ff00">Korrekt i størrelse</font>';
strHtml += '</td></tr>';
}
function resizeAllImages(inputW,inputH) {
var objTd = document.getElementsByTagName('td');
var objImg = document.getElementsByTagName('img');
for (var i = 0; i < objImg.length; i++) {
objImg[i].width = inputW;
objImg[i].height = inputH;
document.getElementById('status'+i).innerHTML = '<font color="#00ff00">Korrekt i størrelse</font>';
}
}
function showContent() {
document.getElementById('content').style.display = 'block';
document.getElementById('loader').style.visibility = 'hidden';
}
function init() {
showContent();
}
function startTheShit() {
imageLoader();
outputHtml += '<div id="content" align="center"><table border="1" cellpadding="2"><tr>';
outputHtml += '<td align="center"><b>Billede</b></td>';
outputHtml += '<td align="center"><b>Status</b></td></tr>'+strHtml+'</table>'
outputHtml += '<br><br>Ny bredde: <input type="Text" size="3" id="strWidth" value="100">';
outputHtml += ' Ny højde: <input type="Text" size="3" id="strHeight" value="100"><br>';
outputHtml += '<br><input type="button" onclick="resizeAllImages(document.getElementById(\'strWidth\').value,document.getElementById(\'strHeight\').value)" value=" Resize Mine Billeder "></div>'
outputHtml += '<div id="loader" align="center"><b>Loading...</b><br>Finde højde og bredde på billederne...</div>';
document.write(outputHtml);
}
startTheShit();
</script>
</head>
<body onload="init()">
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
