Avatar billede gatez Nybegynder
30. marts 2004 - 22:40 Der er 7 kommentarer og
1 løsning

Både billede og tekst

Hejsa...

Jeg har en kode som viser 8 billeder...
Dvs. 8 små billeder og et stort, ved klik på et af de små billeder skiftes det store billede ud med det der blev klikket på.

Nu vil jeg også bare gerne have tekst... Når man klikker på et af de små billeder skal den vise det i stort incl. lidt tekst som passer til billedet.

Her er min kode:

<script LANGUAGE="JavaScript">
<!--

imgpath="/Images/UserBiler/"
currID = 8
imgname=new Array();

imgname[1] = "<%=strBillede1_Bil%>";
imgname[2] = "<%=strBillede2_Bil%>";
imgname[3] = "<%=strBillede3_Bil%>";
imgname[4] = "<%=strBillede4_Bil%>";
imgname[5] = "<%=strBillede5_Bil%>";
imgname[6] = "<%=strBillede6_Bil%>";
imgname[7] = "<%=strBillede7_Bil%>";
imgname[8] = "<%=strBillede8_Bil%>";

function fnimgswap(id)
{
  if (id != currID)
  {
    document.images["imgswap"].src=imgpath+imgname[id];
    currID = id;
  }
  else
  {
    document.images["imgswap"].src=imgpath+imgname[id];
    currID = id;
  }
}

//-->
</script>

Denne finktion bruges til at vises de små billeder:
<a onclick="java script:fnimgswap('1')" onMouseOver="style.cursor='hand'"><img src="/Images/UserBiler/<%=strBillede1_Bil%>" width="<%=strBilledestr%>"></a>

Det var billede nummer 1, men den kode gentages op til 8.


Her er funktionen som viser det store billede:
<img id="imgswap" src="/Images/UserBiler/<%=strBillede1_Bil%>" width="460" name="imgswap">
Avatar billede satanic_raven Nybegynder
30. marts 2004 - 22:48 #1
erstat koden til det store billede med denne:
<span id="Vis_Stort_Billede"><img id="imgswap" src="/Images/UserBiler/<%=strBillede1_Bil%>" width="460" name="imgswap"></span>

Og din "skifte-funktion" med denne:
function fnimgswap(id)
{
  if (id != currID)
  {
    document.images["imgswap"].src=imgpath+imgname[id];
    document.getElementById('Vis_Stort_Billede').innerHTML += "<br>Den tekst som du vil vise..."
    currID = id;
  }
  else
  {
    document.images["imgswap"].src=imgpath+imgname[id];
    document.getElementById('Vis_Stort_Billede').innerHTML += "<br>Den tekst som du vil vise..."
    currID = id;
  }
}

Så burde det virke...

S.R.
Avatar billede gatez Nybegynder
30. marts 2004 - 22:52 #2
Det virker... næsten ;)
Den skriver ikke nogle tekst ved start billedet... Altså nummer 1 før at man klikker på det...

Og så fjerner den ikke den gamle tekst, dvs at hvis jeg klikker på 4 forskællige billeder så viser den 4 gange teksten... Hjælp ;)
Avatar billede roenving Novice
30. marts 2004 - 23:01 #3
Grundideen i S-Rs er også god nok, men en enkelt overseelse eler 5 ...

<script LANGUAGE="JavaScript">
<!--

imgpath="/Images/UserBiler/"
imgname=new Array();

imgname[1] = "<%=strBillede1_Bil%>";
imgname[2] = "<%=strBillede2_Bil%>";
imgname[3] = "<%=strBillede3_Bil%>";
imgname[4] = "<%=strBillede4_Bil%>";
imgname[5] = "<%=strBillede5_Bil%>";
imgname[6] = "<%=strBillede6_Bil%>";
imgname[7] = "<%=strBillede7_Bil%>";
imgname[8] = "<%=strBillede8_Bil%>";

imgText = new Array();

imgText[1] = "<%=strBillede1_Txt%>";
imgText[2] = "<%=strBillede2_Txt%>";
imgText[3] = "<%=strBillede3_Txt%>";
imgText[4] = "<%=strBillede4_Txt%>";
imgText[5] = "<%=strBillede5_Txt%>";
imgText[6] = "<%=strBillede6_Txt%>";
imgText[7] = "<%=strBillede7_Txt%>";
imgText[8] = "<%=strBillede8_Txt%>";


function fnimgswap(id)
{
    document.images["imgswap"].src=imgpath+imgname[id];
    document.getElementById('imgTxt').innerHTML=imgTxt[id];
}

//-->
</script>

-- og så tilføjer du din span der, hvor du vil have teksten

Her er funktionen som viser det store billede:
<img id="imgswap" src="/Images/UserBiler/<%=strBillede1_Bil%>" width="460" name="imgswap">

<span id="imgTxt"><%=strBillede1_Txt%></span>

-- og jeg fjernede if-sætningen da den var uden betydning, den gjorde jo det samme under alle omstændigheder !-)
Avatar billede roenving Novice
30. marts 2004 - 23:02 #4
Hov, det skal selvfølgelig:

function fnimgswap(id)
{
    document.images["imgswap"].src=imgpath+imgname[id];
    document.getElementById('imgTxt').innerHTML=imgText[id];
}
Avatar billede gatez Nybegynder
30. marts 2004 - 23:08 #5
Yesss... fedt... Takker
Smid et svar ;)
Avatar billede roenving Novice
30. marts 2004 - 23:22 #6
Velbekomme '-)
Avatar billede satanic_raven Nybegynder
30. marts 2004 - 23:36 #7
Ups ja... Havde lige glemt hvad det var at += betød...

Burde jo have tænkt over det med arrays, men sidder vist og sover... Så er det jo godt at "olde" kan komme og hjælpe til når de yngre ikke kan selv (er ikke ondt ment)... ;P

S.R.
Avatar billede roenving Novice
31. marts 2004 - 17:21 #8
-- og tak for points ;~}
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

IT-JOB