pidde2Medlem sedan aug. 2003218 inlägg
Jag laddade ner ett bildvisningsscript från hotscripts där det var popup när man klickade på bilderna.
Bilderna öppnas då i "naturlig storlek" vilket blir väldigt stort ibland. Kan man göra så att det finns en max gräns på dom?
Men om bilderna är mindre så vill jag inte att dom ska bli större.
Jag tror att detta är koden för popupenannars får ni säga till.
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Show Picture</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Alan Chu -->
<!-- Web Site: [url]http://homepage.hkpeoples.net[/url] -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! [url]http://javascript.internet.com[/url] -->
<!-- Begin
var isNav4, isIE4;
if (parseInt(navigator.appVersion.charAt(0)) >= 4) {
isNav4 = (navigator.appName == "Netscape") ? 1 : 0;
isIE4 = (navigator.appName.indexOf("Microsoft") != -1) ? 1 : 0;
}
function fitWindowSize() {
if (isNav4) {
window.innerWidth = document.layers[0].document.images[0].width;
window.innerHeight = document.layers[0].document.images[0].height;
}
if (isIE4) {
window.resizeTo(800, 600);
width = (800 - (document.body.clientWidth - document.images[0].width)) + 25;
height = (600 - (document.body.clientHeight - document.images[0].height)) + 55;
window.resizeTo(width, height);
}
}
// End -->
</script>
</head>
<BODY onLoad="fitWindowSize()">
<center>
<%
ShowPic = request("ShowPic")
ShowPic = Replace(ShowPic, " ", "%20")
Response.Write "<img src='" & ShowPic & "' border=2><BR>"
response.write "<font size='2'><a href='JavaScript:onClick= window.close()'><font color='#FFFFBE'>Close Window</font></A></font>"
%>
</center>
</body>
</html>
bossseMedlem sedan juni 2003718 inlägg
Annars så har jag anpassat ett bildvisninsscript som löser just detta. Du kan ju kolla om de kan va nåt!
<html>
<head>
<title>lek_med_bilder</title>
<style type="text/css">
body {background-color:lightblue; font-family:arial, verdana; font-size:18; color:yellow;margin:2px;}
.tabell {background-color:green;width:75%; height:100%; border-collapse:collapse;
border:2px solid black}
div {background-color:green;width:100%; height:100%; position:absolute; left:2%; top:2%;}
.td {position:absolute; left:2%; top:2%; width:60% height:80%; border-collapse:collapse;
border:2px solid black}
a {cursor:hand;}
#bild1 {display:none;}
#bild2 {display:none;}
#bild3 {padding:15; background-color:white; display:none;}
#bild4 {display:none;}
#bild5 {display:none;}
#bild6 {padding:15; background-color:silver; display:none;}
</style>
<script type="text/javascript" language=javascript>
<!--
function bild(currPic){thisText=document.getElementById(currPic).style
if (thisText.display == "block"){thisText.display="none"}
else { thisText.display = "block" } }
-->
</script>
</head>
<body>
<table width=10% height=50% align=right bgcolor=lightgreen>
<td>
<A HREF OnMouseOver="bild('bild1');" OnMouseOut="bild('bild1');"><img src=001.jpg width=30 height=30 title="din bildbeskrivning"></A>
<BR>
<A HREF OnMouseOver="bild('bild2');" OnMouseOut="bild('bild2');"><img src=002.jpg width=30 height=30 title="din bildbeskrivning"></A>
<BR>
<A HREF OnMouseOver="bild('bild3');" OnMouseOut="bild('bild3');"><img src=003.jpg width=30 height=30 title="din bildbeskrivning"></A>
</td>
<td>
<A HREF OnMouseOver="bild('bild4');" OnMouseOut="bild('bild4');"><img src=004.jpg width=30 height=30 title="din bildbeskrivning"></A>
<BR>
<A HREF OnMouseOver="bild('bild5');" OnMouseOut="bild('bild5');"><img src=005.jpg width=30 height=30 title="din bildbeskrivning"></A>
<BR>
<A HREF OnMouseOver="bild('bild6');" OnMouseOut="bild('bild6');"><img src=006.jpg width=30 height=30 title="din bildbeskrivning"></A>
</td>
</table>
<!-- Nedan anger du maxstorleken, obs! Om bilden beskärs så måste det göras proportionellt, annars förvrängs bilden -->
<table class=tabell>
<td>Tabell med endast en cell
<BR><BR>
Scriptet känner av bildens storlek, jag har här satt 480x360 som max bildstorlek
<BR>
för bilderna i vänstra raden, vilket inte behövs (för muspekaren över) .
<BR>
Men du kan själv ange maxstorlek på bilderna
<BR><BR>
De högra bilderna visas som de är. Dock bör inte storleken överstiga 560x420
<BR><BR>
Är ursprungsbilden större än angiven storlek i koden
<BR>
så visas de förminskade inom den storlek jag angivit här.
<BR><BR>
Obs! om man anger annan bildstorlek än ursprungsbilden
<BR>
så måste det anges proportionellt, annars förvrängs ju bilden
<BR><BR>
Om man vill ha passpartou (d.v.s ram runt bilden) så har jag angatt detta för
<BR>
bilderna tre och sex i css-delen
</td>
<div>
<td class=td id="bild1"><IMG SRC=001.jpg width=480 height=360></td>
<td class=td id="bild2"><IMG SRC=002.jpg width=480 height=360></td>
<td class=td id="bild3"><IMG SRC=003.jpg width=480 height=360></td>
<td class=td id="bild4"><IMG SRC=004.jpg><BR></td>
<td class=td id="bild5"><IMG SRC=005.jpg><BR>Bildbeskrivning ?</td>
<td class=td id="bild6"><IMG SRC=006.jpg><BR>Bildbeskrivning kanske ?</td>
<div>
</table>
</body>
</html>
pidde2Medlem sedan aug. 2003218 inlägg
Nja, "mitt" script var så bra för den kände sjlv av när jag laddade upp en mapp med bilder.
Jag behöver inte göra något annat än att ladda upp en mapp så funkar det själv.
Det är detta scriptet:http://www.hotscripts.com/Detailed/15112.html
bossseMedlem sedan juni 2003718 inlägg
Ok! Det kanske man ska ta en titt på när jag får tid.
Detta att den kände själv av när man laddar upp en mapp med bilder låter ju intressant.
Såg sedan att detta bara funkar för Windows NT
Så här står det på sidan där scriptet finns.
Resource Specification
Version: 3.2
Platform(s): Windows NT, IIS, PWS
File Size: 3.14 KB
Price: Freeware
Date Added: Wed Apr 10 2002
Last Updated: Thu Aug 28 2003
Author: wii
pidde2Medlem sedan aug. 2003218 inlägg
Visst, men är det ingen som kan hjälpa mig med bildstorleken?
(bossse- det är ett asp script med java, det är därför.)
