Avatar billede iceyblue Nybegynder
23. oktober 2002 - 23:21 Der er 4 kommentarer og
1 løsning

Billede vist i billedfelt på website

Hej!
Jeg skal lave en website med nogle billeder. Har set på: http://scanelite.wannafind.dk at de har et lille lækkert system, der fungerer på den måde, at et billede vises i en boks/ramme på websiden. Man kan så trykke på en højre eller venstrepil, som skifter biledet med nogle andre.
Men, prøv selv at se det på den adresse, jeg har givet!!

Er der nogen her som kender et script magen til, og ved hvor jeg kan nuppe det???
Avatar billede mundsavl Nybegynder
23. oktober 2002 - 23:26 #1
prøv at kig vis kilden for siden, der kan du se hvordan scriptet virker.
dennis
trabjergnet.dk
Avatar billede skg Nybegynder
24. oktober 2002 - 01:20 #2
det de gør at jo at få billede stier/størrelser med ud fra serveren, og så lave methods der kan skifte

billederne ud...

noget ala:

<script>
// billede information fra serveren
var iImgCur = 0;
var aImages = [
{src:'http://scanelite.wannafind.dk/img/models/ofzmjdxaer.jpg',width:133,height:177},
{src:'http://scanelite.wannafind.dk/img/models/vqlqmdlaut.jpg',width:132,height:180}
]

function showImage(imgEl,imgObj)
{
  imgEl.src=imgObj.src
  imgEl.width=imgObj.width
  imgEl.height=imgObj.height
}

function showNext()
{
  if(iImgCur<aImages.length-1)iImgCur++
  showImage(document.images['img'],aImages[iImgCur])
}
function showPrev()
{
  if(iImgCur>0)iImgCur--
  showImage(document.images['img'],aImages[iImgCur])
}
</script>

og så i HTML koden...

<table>
<tr>
<td><a href="java script:showPrev()"> &lt; &lt; </a></td>
<td width="150" align="center"><img name="img" src="http://scanelite.wannafind.dk/img/models/ofzmjdxaer.jpg"

width="133" height="177"></td>
<td><a href="java script:showNext()"> &gt; &gt; </a></td>
</table>
Avatar billede iceyblue Nybegynder
26. oktober 2002 - 17:33 #3
Ok, tak...jeg er ikke mester i JavaScript, men kan godt programmere i Java. Kikker lige på det du har lavet og vender tilbage.
Avatar billede iceyblue Nybegynder
26. oktober 2002 - 17:38 #4
ihhhh....det virker som jeg havde håbet på, tak til jer begge. Hvordan tilføjer man et klik på billedet som åbner det i et nyt vindue som automatisk er tilpasset billedet i størrelse???
Avatar billede skg Nybegynder
27. oktober 2002 - 17:30 #5
tilføj den her function:

function showBigImg()
{
img=aImages[iImgCur]
window.open(img.src,'Image'+iImgCur,'width='+(img.width+10)+',height='+(img.height+10)+',status=0,toolbar=0')
}

og sæt et link rundt om billedet:

<a href="java script:showBigImg()"><img name="img" src="http://scanelite.wannafind.dk/img/models/ofzmjdxaer.jpg" width="133" height="177"></a>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester