Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Program för bildgalleri

Elise

Startad av Elise,
i Webbläsare

Rekommendera Poster

Elise

Elise

Postad
Postad

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

 

Länk till kommentar
Dela på andra webbplatser
BoEriksson

BoEriksson

Postad
Postad

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>

 

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...