Avatar billede bech Nybegynder
21. april 2000 - 03:06 Der er 1 kommentar og
1 løsning

Udskift af billede - ikke mouseover ting

Hej,
Jeg vil gerne have et billede, der kan skiftes ud ved at klikke på en knap for henholdsvis frem og tilbage. Med nedenstående JS kommer billederne, der skal skifte, til at ligge oven over det første billede (dvs. de blver altså ikke specielt 'hidden'). Det vil jeg gerne undgå. Jeg vil også gerne have en funktion der kan bladre tilbage (modsat den jeg har nu).:

<HTML>
<HEAD>
</HEAD>
<BODY>

<DIV style="visibility:hidden"><IMG ID="IMG0" src="Billede1.gif"><IMG
ID="IMG1"
src="Billede2.gif"></DIV>

<SCRIPT language="JavaScript1.3">
var Num = 0;

function next_pic() {
  Num = (Num + 1) & 1;
  document.images("IMG").src = document.images("IMG"+Num).src;
}
</SCRIPT>

<IMG ID="IMG" src="StartBillede.gif">
<IMG onClick="next_pic()" src="KlikHer.gif">
</BODY>
</HTML>

/Håber I kan gennemskue mit sprøgsmål
Avatar billede olebole Juniormester
22. april 2000 - 09:26 #1
<ole>
Her er ét forslag:

<html>
<head>

<script language="javascript">
<!--
// ******* maximalt antal optællinger *******
var max = 3;
// ******************************************
var num = 1;
function swap(img_name,op_ned) {
    if (op_ned=='op' && num<max) {
        num++;
        document.images[img_name].src = "pic_"+num+".gif";
    }else if (op_ned=='ned' && num>1) {
        num--;
        document.images[img_name].src = "pic_"+num+".gif";
    }
}
//-->
</script>

</head>
<body>

<a href="java script:swap('mitPic','ned');"><img src=ned.gif></a>&nbsp;&nbsp;&nbsp;
<a href="java script:swap('mitPic','op');"><img src=op.gif></a><br>
<img src=pic_1.gif name=mitPic>

</body>
</html>

...håber, det er noget i den retning, du mener ;-)
/Vh
</bole>
Avatar billede bech Nybegynder
23. april 2000 - 01:41 #2
Takker, jeg havde en deadline i går så jeg fandt en anden løsning. Men mon ikke jeg kan bruge dette her på et senere tidspunkt.
/Rune
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