Søg
Avatar billede dkkarpen Nybegynder
21. juni 1999 - 13:26 Der er 35 kommentarer og
1 løsning

Skift billede ved klik

Halløj Eksperter

Jeg har script der skifter billedet ved mouse-over. Er det muligt at skifte det billede der bliver vist, når cursoren holdes over mit map, med et tredie når der klikkes?

I så fald hvad er da koden?
Avatar billede Slettet bruger
21. juni 1999 - 14:22 #1
Her er koden:

i <head>:

<SCRIPT>

img = new Image;

function changeImg(imgName, target) {
  img.src = imgName;
  document[target].src = img.src;
}

</SCRIPT>

hvor billedet skal være:

<a href="#" onClick="changeImg('click.gif', 'pic1')" onMouseover="changeImg('on.gif', 'pic1')" onMouseout="changeImg('off.gif', 'pic1')"><img src="off.gif"  name="pic1"></a><br>
<a href="#" onClick="changeImg('click.gif', 'pic2')" onMouseover="changeImg('on.gif', 'pic2')" onMouseout="changeImg('off.gif', 'pic2')"><img src="off.gif"  name="pic2"></a><br>
Avatar billede cyberesben Nybegynder
21. juni 1999 - 14:29 #2
du burde nok lave en if (document.images) først
Avatar billede Slettet bruger
21. juni 1999 - 14:31 #3
ok...
Avatar billede dkkarpen Nybegynder
21. juni 1999 - 14:33 #4
Så det hedder?
Avatar billede dkkarpen Nybegynder
21. juni 1999 - 14:34 #5
Cyberesben>>Hvad siger du?
Avatar billede Slettet bruger
21. juni 1999 - 14:36 #6
HEY! Mit svar virkede!!
Avatar billede Slettet bruger
21. juni 1999 - 14:37 #7
du skifter bare click.gif, on.gif og off.gif ud med dine billeder!!!
Avatar billede cyberesben Nybegynder
21. juni 1999 - 14:39 #8
<A HREF="URL" Onclick="if (document.images) document.images.billede1.src='billede1c.gif' " OnMouseover="if (document.images) document.images.billede1.src='billede1b.gif' "OnMouseout="if (document.images) document.images.billede1.src='billede1a.gif' ">
<IMG SRC="billede1a.gif" NAME="billede1"></A>
Avatar billede cyberesben Nybegynder
21. juni 1999 - 14:40 #9
der skal lige være et mellemrum mellem  'billede1b.gif' " og OnMouseout
Avatar billede Slettet bruger
21. juni 1999 - 14:41 #10
Mit var ligeså godt!
Avatar billede cyberesben Nybegynder
21. juni 1999 - 14:50 #11
jeg ved det godt, jeg skrev det bare som en rettelse, jeg vidste ikke at han ville afvise dit
Avatar billede dkkarpen Nybegynder
22. juni 1999 - 10:32 #12
skywalker>>Dit svar virkede fint, men hvad hvis jeg vil bruge samme udgangsbillede og bruger maps, mede følgende java start kode, hvad skal jeg så gøre?

<script language="javascript">
<!--//
if (document.images)
{
var img1=new Image(); img1.src="1kontor.gif";
var img2=new Image(); img2.src="2-3kontor.gif";
var img3=new Image(); img3.src="4-5kontor.gif";
var img4=new Image(); img4.src="6-7-8kontor.gif";
var img5=new Image(); img5.src="9-10kontor.gif";
}
//-->
</script>


<script language="JAVASCRIPT">
        if (document.images) {
                img1 = new Image
                img2 = new Image
                img3 = new Image
                img4 = new Image
                img5 = new Image
                imgon = new Image
                imgoff = new Image
                img1.src = '1kontor.gif'
                img2.src = '2-3kontor.gif'
                img3.src = '4-5kontor.gif'
                img4.src = '6-7-8kontor.gif'
                img5.src = '9-10kontor.gif'
                imgon.src = 'del3.gif'
                imgoff.src = 'del3.gif'
        }
        else {
                img1 = ''
                img2 = ''
                img3 = ''
                img4 = ''
                img5 = ''
                imgon = ''
                imgoff = ''
                document.roll = ''
        }
// --></script>
Avatar billede dkkarpen Nybegynder
22. juni 1999 - 10:34 #13
Når jeg jeg laver mit roll bruger jeg så f.eks.: onmouseover="document.roll.src=img2.src" onmouseout="document.roll.src=imgoff.src"
Avatar billede dkkarpen Nybegynder
22. juni 1999 - 11:05 #14
Problemet er at det skal laves over et map. Det script du har lavet er med forskellige "start-billeder". Jeg vil gerne have samme "start-billede" med 5 links defineret som areas.
Avatar billede andreas Nybegynder
23. juni 1999 - 01:35 #15
jeg ved ikke om det her dur, men jeg håber det *S*

<script language="javascript">
<!--//
if (document.images)
{
var img1=new Image(); img1.src="1kontor.gif";
var img2=new Image(); img2.src="2-3kontor.gif";
var img3=new Image(); img3.src="4-5kontor.gif";
var img4=new Image(); img4.src="6-7-8kontor.gif";
var img5=new Image(); img5.src="9-10kontor.gif";
}
//-->
</script>


<script language="JAVASCRIPT">
        if (document.images) {
                img1 = new Image
                img2 = new Image
                img3 = new Image
                img4 = new Image
                img5 = new Image
                imgon = new Image
                imgoff = new Image
                img1.src = '1kontor.gif'
                img2.src = '2-3kontor.gif'
                img3.src = '4-5kontor.gif'
                img4.src = '6-7-8kontor.gif'
                img5.src = '9-10kontor.gif'
                imgon.src = 'del3.gif'
                imgoff.src = 'del3.gif'
                imgclick.src = 'click.gif'
        }
        else {
                img1 = '
                img2 = '
                img3 = '
                img4 = '
                img5 = '
                imgon = '
                imgoff = '
                imgclick ) '
                document.roll = '
        }
// --></script>

så sætter du den her linien ind:

<img src='billede.type' onclick="document.roll.src=imgclick.src">

du kan videre bygge den hvis du vil *S*

Andreas
Avatar billede andreas Nybegynder
23. juni 1999 - 01:36 #16
upzzz her er et nyt et :

<script language="javascript">
<!--//
if (document.images)
{
var img1=new Image(); img1.src="1kontor.gif";
var img2=new Image(); img2.src="2-3kontor.gif";
var img3=new Image(); img3.src="4-5kontor.gif";
var img4=new Image(); img4.src="6-7-8kontor.gif";
var img5=new Image(); img5.src="9-10kontor.gif";
}
//-->
</script>


<script language="JAVASCRIPT">
        if (document.images) {
                img1 = new Image
                img2 = new Image
                img3 = new Image
                img4 = new Image
                img5 = new Image
                imgon = new Image
                imgoff = new Image
                imgclick = new image
                img1.src = '1kontor.gif'
                img2.src = '2-3kontor.gif'
                img3.src = '4-5kontor.gif'
                img4.src = '6-7-8kontor.gif'
                img5.src = '9-10kontor.gif'
                imgon.src = 'del3.gif'
                imgoff.src = 'del3.gif'
                imgclick.src = 'click.gif'
        }
        else {
                img1 = '
                img2 = '
                img3 = '
                img4 = '
                img5 = '
                imgon = '
                imgoff = '
                imgclick ) '
                document.roll = '
        }
// --></script>

<Andreas>
Avatar billede dkkarpen Nybegynder
23. juni 1999 - 09:26 #17
Det ser bedre ud, men jeg vil gerne have fem forskellige kilder ved klik funtionen. Kan du give mig koden til det?
Avatar billede Slettet bruger
23. juni 1999 - 16:32 #18
øhh...

Jeg tager JavaScript til 500 Søren...

Avatar billede cyberesben Nybegynder
23. juni 1999 - 18:40 #19
jeg tager HTML til 1000
Avatar billede Slettet bruger
23. juni 1999 - 18:45 #20
Dette er HTML en forkortelse for...

Avatar billede Slettet bruger
23. juni 1999 - 18:45 #21
dø-døvn...
Avatar billede Slettet bruger
23. juni 1999 - 18:46 #22
hvad er... jeg har den lige på tungen...



øhh...


uh ja, hvad er HyperTextMarkupLanguage...

Avatar billede dkkarpen Nybegynder
23. juni 1999 - 20:59 #23
Hvad med et svar? Jeg tilbyder bonuspoint for et svar der virker.
Avatar billede Slettet bruger
23. juni 1999 - 21:03 #24
desværre - jeg er stået af...
Avatar billede Slettet bruger
23. juni 1999 - 21:04 #25
men....

Hvis jeg har forstået dig ret, vil du have et imagemap, hvor der er en masse små billeder, som skifter på mouseover...

Tror du ikke du skal dele billedet op i en masse små - og så bruge min løsning ;-)??
Avatar billede dkkarpen Nybegynder
23. juni 1999 - 21:31 #26
Nej det virker ikke rigtigt. Du kan se på det jeg skal bruge det til: http://www.dsa.dk/profil/diagram.htm

Det er når man klikker på en af afdelingerne at billeder skal skiftes ud med en beskrivelse af de kontorer der indgår i afdelingen.
Avatar billede andreas Nybegynder
23. juni 1999 - 22:53 #27
<script language="javascript">
<!--//
if (document.images)
{
var img1=new Image(); img1.src="1kontor.gif";
var img2=new Image(); img2.src="2-3kontor.gif";
var img3=new Image(); img3.src="4-5kontor.gif";
var img4=new Image(); img4.src="6-7-8kontor.gif";
var img5=new Image(); img5.src="9-10kontor.gif";
}
//-->
</script>


<script language="JAVASCRIPT">
        if (document.images) {
                img1 = new Image
                img2 = new Image
                img3 = new Image
                img4 = new Image
                img5 = new Image
                imgon = new Image
                imgoff = new Image
                imgclick1 = new image
                imgclick2 = new image
                imgclick3 = new image
                imgclick4 = new image
                imgclick5 = new image
                img1.src = '1kontor.gif'
                img2.src = '2-3kontor.gif'
                img3.src = '4-5kontor.gif'
                img4.src = '6-7-8kontor.gif'
                img5.src = '9-10kontor.gif'
                imgon.src = 'del3.gif'
                imgoff.src = 'del3.gif'
                imgclick.src = 'click.gif'
        }
        else {
                img1 = '
                img2 = '
                img3 = '
                img4 = '
                img5 = '
                imgon = '
                imgoff = '
                imgclick1 = '
                imgclick2 = '
                imgclick3 = '
                imgclick4 = '
                imgclick5 = '
                document.roll = '
        }
// --></script>

<Andreas>
Avatar billede Slettet bruger
23. juni 1999 - 23:13 #28
dkkarpen>> det virker da fint..?
Avatar billede andreas Nybegynder
23. juni 1999 - 23:20 #29
sky, jeg tror han vil have noget helt andet en det han har sagde i spg.

<Andreas>
Avatar billede dkkarpen Nybegynder
24. juni 1999 - 08:10 #30
skywalker>Men hvor definerer jeg 5 forskellige imgclick sources? Jeg kan kun se:

imgclick.src = 'click.gif'

img1.src = '1kontor.gif'
                img2.src = '2-3kontor.gif'
                img3.src = '4-5kontor.gif'
                img4.src = '6-7-8kontor.gif'
                img5.src = '9-10kontor.gif'

Skal kun bruges til mouseover. Så hvad nu?
Avatar billede andreas Nybegynder
25. juni 1999 - 00:46 #31
<script language="javascript">
<!--//
if (document.images)
{
var img1=new Image(); img1.src="1kontor.gif";
var img2=new Image(); img2.src="2-3kontor.gif";
var img3=new Image(); img3.src="4-5kontor.gif";
var img4=new Image(); img4.src="6-7-8kontor.gif";
var img5=new Image(); img5.src="9-10kontor.gif";
}
//-->
</script>


<script language="JAVASCRIPT">
        if (document.images) {
                img1 = new Image
                img2 = new Image
                img3 = new Image
                img4 = new Image
                img5 = new Image
                imgon = new Image
                imgoff = new Image
                imgclick1 = new image
                imgclick2 = new image
                imgclick3 = new image
                imgclick4 = new image
                imgclick5 = new image
                img1.src = '1kontor.gif'
                img2.src = '2-3kontor.gif'
                img3.src = '4-5kontor.gif'
                img4.src = '6-7-8kontor.gif'
                img5.src = '9-10kontor.gif'
                imgon.src = 'del3.gif'
                imgoff.src = 'del3.gif'
            imgclick1.src = 'click1.gif'
            imgclick2.src = 'click2.gif'
            imgclick3.src = 'click3.gif'
            imgclick4.src = 'click4.gif'
            imgclick5.src = 'click5.gif'
        }
        else {
                img1 = '
                img2 = '
                img3 = '
                img4 = '
                img5 = '
                imgon = '
                imgoff = '
                imgclick1 = '
                imgclick2 = '
                imgclick3 = '
                imgclick4 = '
                imgclick5 = '
                document.roll = '
        }
// --></script>

<Andreas>
Avatar billede dkkarpen Nybegynder
25. juni 1999 - 09:13 #32
Udemærket forsøg, men der er fejl i linien: "imgon = new Image" - manglende definition.
Avatar billede dkkarpen Nybegynder
25. juni 1999 - 09:39 #33
Ok nu virker det - næsten for billedet skifter ikke ved klik. Hvad skal jeg skrive i stedet for:

<area SHAPE="rect" COORDS="9,37,92,59" HREF="#"  onmouseover="document.roll.src=img1.src" onmouseout="document.roll.src=imgoff.src" onClick="document.roll.src=imgclick1.src">

- ved referencen?
Avatar billede gorba Nybegynder
25. juni 1999 - 22:31 #34
hej dkkarpen>
ja, mit arbejde er nok en del bagud end dit.
der tænker jeg på grafiken.

Jeg ved ikke om du kan huske det, men som sagt er grafik program det svageste hos mig.

Det ser godt ud...
gorba
Avatar billede dkkarpen Nybegynder
17. august 1999 - 08:00 #35
Jeg har vist ikke fået det ud af det som jeg havde tænkt mig. En der kan oprette et svar og derefter en dummy til mig?
Avatar billede anke Nybegynder
26. august 1999 - 15:13 #36
Jeg opretter en dummy.
/anke
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
IT-JOB
Seneste spørgsmål Seneste aktivitet
I går 18:38 Værktøj til redigering af hjemmeside på android tablet Af Lisbet 80 i Apps til Android
20/1014:59 Fejl ved forsøg på åbning af Access mdb og mde Databaser Af Uvanga i Access
19/1014:58 Scanner program til PC Af fjorbak i Andet software
16/1016:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
16/1016:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
White papers
Flere white papers »