---
title: "Enkel bildvisning"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/149955-enkel-bildvisning"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "learn"
published: "2006-08-11T11:37:43.000Z"
updated: "2006-08-14T12:39:33.000Z"
replies: 3
views: 401
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/javascript/149955-enkel-bildvisning"
---

# Enkel bildvisning

## #1 — learn, 2006-08-11T11:37Z

Nu står det helt still... Så nu får ni ett uppdrag ;)

Jag vill ha en väldigt simpel bildvisning på min sida. Jag ett antal bildnamn sparade i en array, $bild_array = array('bild1.jpg','bild2.jpg','bild3.jpg', osv..). Bilderna skall synas 1 i taget och växlas genom att klicka på "Föregående" eller "Nästa" (i den ordning som arrayen visar).

Jag tänkte mig att alla bilder kan laddas in på sidan men med "display:none", och de sedan visas genom ngn typ av JS-funktion vid klick...

Kan ngn hjälpa mig på traven med funktionen så skulle jag bli glad! Tack!   :bire

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

## #2 — learn, 2006-08-12T16:02Z

Någon som har ngt konkret förslag? :)

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

## #3 — jawbreaker, 2006-08-14T06:27Z

Enkel variant:

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="se" lang="se">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Bildgalleri</title>

<script type="text/javascript">
<!--

var g_selectedImage = 0;

var g_images = new Array("bild1.gif","bild2.gif","bild3.gif");

function step( p_step )
{
	g_selectedImage += p_step;

	if ( g_selectedImage < 0 )
		g_selectedImage = g_images.length - 1;
	else if ( g_selectedImage > g_images.length - 1 )
		g_selectedImage = 0;

	document.getElementById("iGallery").src = g_images[g_selectedImage];
}

function previous()
{
	step(-1);
}

function next()
{
	step(1);
}

//-->
</script>
</head>

<body>

<div><img id="iGallery" src="bild1.gif" alt="" /></div>

<div>
<a href="javascript:previous();">Föregående</a>
<a href="javascript:next();">Nästa</a>
</div>

</body>
</html>
```

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

## #4 — learn, 2006-08-14T12:39Z

Tack, ska testa!

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/149955-enkel-bildvisning
