webForumDet fria alternativet
Logga in / Bli medlem

Fotogalleri till websiten

HTML & CSSur HTML, XHTML & CSS

4 svar · 323 visningar · startad av mr.mainline

mr.mainlines avatarmr.mainlineMedlem sedan feb. 2003777 inlägg
Frågan#1

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.

lonely-knightMedlem sedan sep. 200312 inlägg
#2

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>  </FONT>
<FONT face="Verdana, Arial, Helvetica, Sans-Serif"><B>1</B></FONT> 
<A HREF="page_02.htm"><FONT face="Verdana, Arial, Helvetica, Sans-Serif">2</FONT></A> 
</TD></TR>
<P><TR><TD ALIGN=CENTER><TR><TD ALIGN=CENTER>[ <FONT face="Verdana, Arial, Helvetica, Sans-Serif">Prev</FONT> ]      [ <A HREF="page_02.htm"><FONT face="Verdana, Arial, Helvetica, Sans-Serif">Next</FONT></A> ]</TD></TR>
</TABLE>
</BODY>
</HTML>

mr.mainlines avatarmr.mainlineMedlem sedan feb. 2003777 inlägg
#3

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

bossseMedlem sedan juni 2003771 inlägg
#4

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>
mr.mainlines avatarmr.mainlineMedlem sedan feb. 2003777 inlägg
#5

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.

135 ms totalt · 3 externa anrop · v20260731065814-full.232057fb
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)