---
title: "Fotogalleri till websiten"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/88870-fotogalleri-till-websiten"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "mr.mainline"
published: "2003-10-18T20:07:55.000Z"
updated: "2003-10-20T18:55:05.000Z"
replies: 4
views: 327
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/88870-fotogalleri-till-websiten"
---

# Fotogalleri till websiten

## #1 — mr.mainline, 2003-10-18T20:07Z

Finns det något färdigt och gratis fotogalleri att ladda ner,typ detta <http://www.asff.nu/> (kolla under "bilder"jag kan inte anväda detta,för servern jag har sidan på stödjer inte php.

Permalänk: https://www.webforum.nu/p/88870

## #2 — lonely-knight, 2003-10-19T09:05Z

kan detta funka?

vet inte om detta är till hjälp? en tabell med 2 sidor deta e bara 1a sidan men det e bara o kopiera den när du gör sidan 2 o döpa den till page_02.htm

\<HTML\>
\<HEAD\>\<TITLE\>wallppaper\</TITLE\>\</HEAD\>
\<BODY bgcolor="#ffffff" text="#000099" link="#660066" vlink="#cc99cc" alink="#33ff99"\>
\<TABLE\>
\<TR\>\<TD ALIGN=CENTER\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="+1"\>\<B\>wallppaper\</B\>\</FONT\>\</TD\>\</TR\>
\<P\>
\<TR\>\<TD ALIGN=CENTER\>\<TABLE\>
\<TR\>
\<TD ALIGN=CENTER VALIGN=BOTTOM\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"\>\<A HREF="PICT0001.JPG"\>\<IMG SRC="TN_PICT0001.JPG" ALT="PICT0001.JPG"\>\<BR\>PICT0001.JPG\</A\>\</FONT\>\</TD\>
\<TD ALIGN=CENTER VALIGN=BOTTOM\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"\>\<A HREF="PICT0003.JPG"\>\<IMG SRC="TN_PICT0003.JPG" ALT="PICT0003.JPG"\>\<BR\>PICT0003.JPG\</A\>\</FONT\>\</TD\>
\<TD ALIGN=CENTER VALIGN=BOTTOM\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"\>\<A HREF="PICT0004.JPG"\>\<IMG SRC="TN_PICT0004.JPG" ALT="PICT0004.JPG"\>\<BR\>PICT0004.JPG\</A\>\</FONT\>\</TD\>
\<TD ALIGN=CENTER VALIGN=BOTTOM\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"\>\<A HREF="PICT0005.JPG"\>\<IMG SRC="TN_PICT0005.JPG" ALT="PICT0005.JPG"\>\<BR\>PICT0005.JPG\</A\>\</FONT\>\</TD\>
\</TR\>
\<TR\>
\<TD ALIGN=CENTER VALIGN=BOTTOM\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"\>\<A HREF="PICT0005a.jpg"\>\<IMG SRC="TN_PICT0005a.JPG" ALT="PICT0005a.jpg"\>\<BR\>PICT0005a.jpg\</A\>\</FONT\>\</TD\>
\<TD ALIGN=CENTER VALIGN=BOTTOM\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"\>\<A HREF="PICT0005b.jpg"\>\<IMG SRC="TN_PICT0005b.JPG" ALT="PICT0005b.jpg"\>\<BR\>PICT0005b.jpg\</A\>\</FONT\>\</TD\>
\<TD ALIGN=CENTER VALIGN=BOTTOM\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"\>\<A HREF="PICT0006.JPG"\>\<IMG SRC="TN_PICT0006.JPG" ALT="PICT0006.JPG"\>\<BR\>PICT0006.JPG\</A\>\</FONT\>\</TD\>
\<TD ALIGN=CENTER VALIGN=BOTTOM\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"\>\<A HREF="PICT0007.JPG"\>\<IMG SRC="TN_PICT0007.JPG" ALT="PICT0007.JPG"\>\<BR\>PICT0007.JPG\</A\>\</FONT\>\</TD\>
\</TR\>
\<TR\>
\<TD ALIGN=CENTER VALIGN=BOTTOM\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"\>\<A HREF="PICT0008.JPG"\>\<IMG SRC="TN_PICT0008.JPG" ALT="PICT0008.JPG"\>\<BR\>PICT0008.JPG\</A\>\</FONT\>\</TD\>
\<TD ALIGN=CENTER VALIGN=BOTTOM\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"\>\<A HREF="PICT0009.JPG"\>\<IMG SRC="TN_PICT0009.JPG" ALT="PICT0009.JPG"\>\<BR\>PICT0009.JPG\</A\>\</FONT\>\</TD\>
\<TD ALIGN=CENTER VALIGN=BOTTOM\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"\>\<A HREF="PICT0010.JPG"\>\<IMG SRC="TN_PICT0010.JPG" ALT="PICT0010.JPG"\>\<BR\>PICT0010.JPG\</A\>\</FONT\>\</TD\>
\<TD ALIGN=CENTER VALIGN=BOTTOM\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"\>\<A HREF="PICT0011.JPG"\>\<IMG SRC="TN_PICT0011.JPG" ALT="PICT0011.JPG"\>\<BR\>PICT0011.JPG\</A\>\</FONT\>\</TD\>
\</TR\>
\<TR\>
\<TD ALIGN=CENTER VALIGN=BOTTOM\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"\>\<A HREF="PICT0012.JPG"\>\<IMG SRC="TN_PICT0012.JPG" ALT="PICT0012.JPG"\>\<BR\>PICT0012.JPG\</A\>\</FONT\>\</TD\>
\<TD ALIGN=CENTER VALIGN=BOTTOM\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"\>\<A HREF="PICT0013.JPG"\>\<IMG SRC="TN_PICT0013.JPG" ALT="PICT0013.JPG"\>\<BR\>PICT0013.JPG\</A\>\</FONT\>\</TD\>
\<TD ALIGN=CENTER VALIGN=BOTTOM\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"\>\<A HREF="PICT0014.JPG"\>\<IMG SRC="TN_PICT0014.JPG" ALT="PICT0014.JPG"\>\<BR\>PICT0014.JPG\</A\>\</FONT\>\</TD\>
\<TD ALIGN=CENTER VALIGN=BOTTOM\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"\>\<A HREF="PICT0015.JPG"\>\<IMG SRC="TN_PICT0015.JPG" ALT="PICT0015.JPG"\>\<BR\>PICT0015.JPG\</A\>\</FONT\>\</TD\>
\</TR\>
\</TABLE\>\</TD\>\</TR\>
\<TR\>\<TD ALIGN=CENTER\>\<BR\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif"\> \<B\>Page:\</B\>&nbsp;&nbsp;\</FONT\>
\<FONT face="Verdana, Arial, Helvetica, Sans-Serif"\>\<B\>1\</B\>\</FONT\>&nbsp;
\<A HREF="page_02.htm"\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif"\>2\</FONT\>\</A\>&nbsp;
\</TD\>\</TR\>
\<P\>\<TR\>\<TD ALIGN=CENTER\>\<TR\>\<TD ALIGN=CENTER\>\[ \<FONT face="Verdana, Arial, Helvetica, Sans-Serif"\>Prev\</FONT\> \]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\[ \<A HREF="page_02.htm"\>\<FONT face="Verdana, Arial, Helvetica, Sans-Serif"\>Next\</FONT\>\</A\> \]\</TD\>\</TR\>
\</TABLE\>
\</BODY\>
\</HTML\>

Permalänk: https://www.webforum.nu/p/1189678

## #3 — mr.mainline, 2003-10-19T10:39Z

inte riktrigt,men tack ändå för det gav mig nya ideér...

Permalänk: https://www.webforum.nu/p/1189724

## #4 — bossse, 2003-10-20T17:13Z

Ett litet bildgalleri jag gjorde för ett tag sedan
Vem vet, kanske du får lite mer idéer

```

<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:link, a:visited 
 { font-family: tahoma,verdana; font-size:12px; color:blue; text-decoration:none;}

a:active
{font-family: tahoma,verdana; color:red; font-size: 12px;text-decoration: underline;}

a:hover 
{font-family: tahoma,verdana; color:green; font-size: 12px;text-decoration: underline;}
} 

#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 bgcolor="#C2C287" text="#000000" id="all" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10" link="#660000" vlink="#660000" alink="#660000">
<table width=18% height=70% align=right bgcolor=lightgreen>

<td>
<A HREF OnMouseOver="bild('bild1');" OnMouseOut="bild('bild1');"><img src=001.jpg width=50 height=45 title="din bildbeskrivning"></A>
<A HREF = länksida1.htm>Bild 1 </A>

<A HREF OnMouseOver="bild('bild2');" OnMouseOut="bild('bild2');"><img src=002.jpg width=50 height=45  title="din bildbeskrivning"></A> 
<A HREF = länksida2.htm>Bild 2 </A>

<A HREF OnMouseOver="bild('bild3');" OnMouseOut="bild('bild3');"><img src=003.jpg width=50 height=45 title="din bildbeskrivning"></A>
<A HREF = länksida3.htm>Bild 3 </A>
</td>

<td>
<A HREF OnMouseOver="bild('bild4');" OnMouseOut="bild('bild4');"><img src=004.jpg width=50 height=45 title="din bildbeskrivning"></A>
<A HREF = länksida4.htm>Bild 4 </A>

<A HREF OnMouseOver="bild('bild5');" OnMouseOut="bild('bild5');"><img src=005.jpg width=50 height=45  title="din bildbeskrivning"></A>
<A HREF = länksida5.htm>Bild 5 </A>

<A HREF OnMouseOver="bild('bild6');" OnMouseOut="bild('bild6');"><img src=006.jpg width=50 height=45  title="din bildbeskrivning"></A>
<A HREF = länksida6.htm>Bild 6 </A>
</td>
<tr>
<td>
<A HREF=bildsida2.htm>Se flera bilder </A>
</td>
</tr>
</table>
<table class=tabell>
<td>Tabell med endast en cell, för muspekaren över en bild. 
<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 
<BR><BR>
Textlänk under bilderna, där man ser vilken länk som senast besöktes.
</td>
<div>
<!-- Nedan anger du maxstorleken, obs! Om bilden beskärs så måste det göras proportionellt, annars förvrängs bilden --> 
<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>
```

Permalänk: https://www.webforum.nu/p/1190625

## #5 — mr.mainline, 2003-10-20T18:55Z

tusen tack,jag ska pilla lite med scriptet så får vi se,det påminner om det jag själv håller på med.

Permalänk: https://www.webforum.nu/p/1190702

---

Tråden på webben: https://www.webforum.nu/amne/html-css/88870-fotogalleri-till-websiten
