Billede visning som på home.dk

hvis du brugte 5min eller mindre på google så ville du helt sikkert finde det du havde brug for. der findes rigtig mange forskellige billed galleri. nogen mere tekniske end andre.

Du kan lave det på flere måder. Du kan vælge at have en div som du udskifter background-image eller innerHTML på når en af billederne på listen bliver klikket.

eks.
<script type="text/javascript">

function skiftImg(url){
document.getElementById('bigImg').innerHTML = '<img src="'+url+'" />';
}

</script>

<div id="bigImg"></div>

<a href="java script:skiftImg('bigimg.jpg')"><img src="smallimg.jpg" /></a>
<a href="java script:skiftImg('bigimg2.jpg')"><img src="smallimg2.jpg" /></a>
<a href="java script:skiftImg('bigimg3.jpg')"><img src="smallimg3.jpg" /></a>

hvis du heller vil have billedet som background-Image i div'en

skal du bare lave linjen

document.getElementById('bigImg').innerHTML = '<img src="'+url+'" />';

om til

document.getElementById('bigImg').style.background-Image = 'url('+url+')';

Håber at du kan bruge det :)

Hvad angår frem og tilbage knappen så kan du lave den simplet hvis billederne bliver navngivet som "et-eller-andet-navn1", "et-eller-andet-navn2", "et-eller-andet-navn3" o.s.v.

for så kan du bare lave sådan her function:

var maxImages = 10;
var ImageCount = 0;

function moveImg(move){

if(move =="foward")
ImageCount++;

if(move =="backward")
ImageCount--;

if(ImageCount > maxImages )
ImageCount = 1;

if(ImageCount < 0)
ImageCount = 1;

var url= "et-eller-andet-navn" + ImageCount + ".jpg";
skiftImg(url);

}

og knapper er så:

<a href="java script:moveImg('foward')">frem</a>
<a href="java script:moveImg('backward')">Tilbage</a>

og med en lille extra funktion har du et slideshow

dotnewbi>> Men hvorfor indsætte et billede med innerHTML hver gang, der skiftes, når du bare kan ændre dets src med:

document.getElementById("billedets-id").setAttribute("src", url);

?

Jeg synes jeg prøver at sætte dine koder sammen og det virker ikke rigtigt. Er der en der kan skrive en samlet guide eller samle koderne for mig?

Lukker :(

Ellers må du bare lige vise, hvad du har prøvet. =) Det kan komme til at virke - meget nemt.