Just nu i M3-nätverket
Jump to content

Program för bildgalleri


Elise

Recommended Posts

Hej,

 

Jag vill publicera bilder på nätet och vill ha ett program där man kan lätt få bilderna i ett bildgalleri. Jag har Photoshop och Frontpage, men tycker inte att bildgallerierna som finns där är speciellt snygga. Någon som har tips?

 

Mvh

 

Link to comment
Share on other sites

Tja du kan ju kolla detta om det passar.

Du kan välja var på sidan du vill ha tumbnailen, bara att ändra koden lite, och sen länka vidare till nästa bildsida2, 3, 4 o.s.v med precis samma kod, bara att byta ut bildfilerna.

 

 

<html>

<head><title>Mina Bilder</title>

</HEAD>

 

<script language="javascript">

<!-- begin

 

if(document.images){

img1=new Image();

img2=new Image();

img3=new Image();

img4=new Image();

img5=new Image();

img6=new Image();

img7=new Image();

img8=new Image();

img9=new Image();

img10=new Image();

img1.src="001.jpg";

img2.src="002.jpg";

img3.src="003.jpg";

img4.src="004.jpg";

img5.src="005.jpg";

img6.src="006.jpg";

img7.src="007.jpg";

img8.src="008.jpg";

img9.src="009.jpg";

img10.src="010.jpg";

}

else{}

//end-->

 

</script>

 

</head>

 

<BODY bgcolor="SILVER">

 

<table style="margin-right:8px" bgcolor =silver width=98% height=98% >

<TD width=98% height=98%>

<p align=center><BR><BR><img name="spotlight" src="001.jpg" border=1 width=70% height=80% >

</TD>

 

<!--

Vill du ha tumbnailen till vänster i stället så lägg första td-taggen direkt efter </TABLE-taggen>

Då får du oskså ändra länkens placering.

-->

 

<td style="padding-left:10px"><table cellpadding=5 cellspacing=5 colspan=2 rowspan=5></td>

<td><a href="#" onMouseOver="document.spotlight.src=img1.src" </a>

<img width=60 height=50 src="001.jpg" >

<td><a href="#" onMouseOver="document.spotlight.src=img2.src" >

<img width=60 height=50 src="002.jpg"></a></td>

<tr><td><a href="#" onMouseOver="document.spotlight.src=img3.src">

<img width=60 height=50 src="003.jpg"></a></td>

<td><a href="#" onMouseOver="document.spotlight.src=img4.src" >

<img width=60 height=50 src="004.jpg"></a></td>

<tr><td><a href="#" onMouseOver="document.spotlight.src=img5.src" >

<img width=60 height=50 src="005.jpg"></a></td>

<td><a href="#" onMouseOver="document.spotlight.src=img6.src" >

<img width=60 height=50 src="006.jpg"></a></td>

<tr><td><a href="#" onMouseOver="document.spotlight.src=img7.src" >

<img width=60 height=50 src="007.jpg"></a></td>

<td><a href="#" onMouseOver="document.spotlight.src=img8.src" >

<img width=60 height=50 src="008.jpg"></a></td>

<tr><td><a href="#" onMouseOver="document.spotlight.src=img9.src" >

<img width=60 height=50 src="009.jpg"></a></td>

<td><a href="#" onMouseOver="document.spotlight.src=img10.src">

<img width=60 height=50 src="010.jpg"></a></td>

</table>

<A HREF=nästa_tio_bilder.htm>Flera bilder > > ></A>

</body>

</html>

 

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...