Bilder på webside - 'bla-funksjon'?

[Pip]

Driv og jobbar med heimesida vår, og har lyst til å legge inn mange fleire bilde. Men viss me berre legg bilda inn på sidene, vert dei så trege å laste ned, i tillegg til at det vert uoversiktleg for dei som skal sjå.

Korleis får ein til ein sånn funksjon (som mange har) at bildevisninga er i eit eige vindauge, og der klikkar du deg fram og tilbake, og ser eitt bilde om gongen?

Eg er omtrent heilt blank på 'dataspråk', så viss nokon kan forklare det litt enkelt er det heilt topp... :oops:

[Iselilja]

Er det noe lignende av det her du tenker på?

[Pip]

Ja!

[Gjest Lea]

Har du Photoshop, så er dette en enkel sak.

[Pip]

Men det har eg ikkje...

Men kanskje eg kan skaffe det - trur det var på den maskina eg hadde før... Det er Adobe, sant? Har berre Adobe Illustrator no...

[Catzy]

Det involverer bl.a. javascript. Du finner sikkert eksempler på hvordan få det til på nettet. Søk på javascript picture gallery , og du får opp bl.a. denne siden:

http://tech.irt.org/articles/js132/

Hvis du ikke vl prøve deg på kode, så finnes det kanskje funksjoner i forskjellige html-editorer eller andre programmer.

Catzy

[Iselilja]

Du kan prøve dette:

<script language="JavaScript">




value=0;//no need to change this one


images=3;//add here the number of images that you want to be used


pict= new Array(images);text = new Array(images);


pict[0]="dittbilde1.jpg";




pict[1]="dittbilde2.jpg";




pict[2]="dittbilde3.jpg";












function text_display(aaa)


{document.write(aaa)}


function show(pict_nr) {


  document.img_name.src = pict[pict_nr];


  document.forms[0].description.value=text[pict_nr];      


  value = pict_nr;


}


function RND() {


  value = Math.floor(Math.random()*images);


  show(value);


}


function forward() {


  value--;


  if(value<0) value = images - 1;


  show(value);


}


function next() {  


  value++;


  if (value>=images) value = 0;


  show(value);


}


</script>


<form>


<table width="100%" border="0" cellspacing="0" cellpadding="0" align=center>


        <tr>


          <td valign="top" align="center">


            


            <IMG NAME="img_name" SRC="dittbilde1.jpg"> 


            <br>


            <br>


<font color="#000000">


<input type=button value="Forrige" onClick="forward();" >


<input type=button value="Neste" onClick="next();" >






</td>


        </tr>


      </table>


</form>

Spør hvis du lurer på noe:)

[Gjest Anonymous]

Bruker du Linux?

Da er nok dette et godt alternativ.

[Pip]

Tusen tusen takk skal de ha! :D

Eg har no funne ei løysing som fungerer OK. (Når eg vert kjempeflink i koding og sånt, skal det bli betre, men enn så lenge er eg godt nøgd... )

Takk igjen!

[Gjest GadgetGirl ulogget]

Kan noen hjelpe meg? Jeg prøver å lage en side i GoLive og vil vise bilder på samme måte som Pip.

Det jeg har gjort til nå er å klippe ut kodene fra Alanya (som er helt gresk for meg) og limt de inn i "sorce" på siden min. (Ehhh... dårlig til å forklare håper noen skjønner... :oops: )

Det som skjer når siden åpnes er at knappene med neste og forrige kommer opp, men ikke noe bilde. Når jeg trykker på frem kommer imidlertid bildene i riktig rekkefølge.

:-? Jeg må vel ha gjort noe galt, for jeg vil jo at det skal være et bilde på siden før første klikk.

[Iselilja]

I denne linjen:

<IMG NAME="img_name" SRC="dittbilde1.jpg"> 

som ligger på linje 12 fra bunnen må du skrive inn filnavnet på det første bildet ditt for at det skal virke. Bare spør hvis det er noe:)

[GadgetGirl]

Takk for hjelp :D Alania

Da skal jeg prøve dette når jeg kommer hjem.

Veldig fint at du la ut alle de kodene i alle fall, for jeg så for meg at jeg måtte lage en og en side i GoLive. En skikkelig drittjobb når det er snakk om 40 bilder.