Avatar billede cyberbat Nybegynder
29. september 2001 - 10:59 Der er 23 kommentarer og
1 løsning

Hvor sætter jeg billedet ind??

Da jeg har ambitioner om at få en tippeside som skal blive populær fedter jeg lidt rundt med forskellige designs, her skulle jeg så bare lige lave en test med at hvis man holder musen kommer der et billede andetsteds på siden, dette vil selvfølgelig blive lagt meget mere rigtigt end her, det var blot en test. Nå til sagen : jeg har selv fundet ud af koden til det, men jeg har været så dum at glemme hvor man sætter billedet som den skal skifte til ind, du kan se hvad der sker på url´en her: http://gamemaker.subnet.dk/sejrherren2.html koden kommer her:<STYLE TYPE=\"text/css\">

#divOne {position:absolute;left:100px;top:125px;visibility:hidden;clip:rect(0,100,2
0,0); background-color:#ffffff; layer-background-color:#ffffff;}
#divTwo {position:absolute;left:120px;top:150px;visibility:hidden;clip:rect(0,100,2
0,0); background-color:#ffffff; layer-background-color:#ffffff;}
#divThree {position:absolute;left:130px;top:175px;visibility:hidden;clip:rect(0,100,2
0,0); background-color:#ffffff; layer-background-color:#ffffff;}
#divFour {position:absolute;left:140px;top:200px;visibility:hidden;clip:rect(0,100,2
0,0); background-color:#ffffff; layer-background-color:#ffffff;}

</STYLE>

<SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">

<!--
var ns, ns6, ie;

ns = (document.layers) ? true : false;
ns6 = (document.getElementById) ? true : false;
ie = (document.all) ? true : false;

function showLayer( layer ){
if( ns ){
document.layers[layer].visibility = \"show\";
} else if( ie ){
document.all[ layer ].style.visibility = \"visible\";
} else if( ns6 ){
document.getElementById(layer).style.visibility = \"visible\";
}
}

function hideLayer( layer ){
if( ns ){
document.layers[layer].visibility = \"hidden\";
} else if( ie ){
document.all[ layer ].style.visibility = \"hidden\";
} else if( ns6 ){
document.getElementById(layer).style.visibility = \"hidden\";
}
}

//-->
</SCRIPT>
<body>

<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divOne\');\" onMouseOut=\"hideLayer(\'divOne\');\">Vis billede 1</a>&nbsp;
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divTwo\');\" onMouseOut=\"hideLayer(\'divTwo\');\">Vis billede 2</a>&nbsp;
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divThree\');\" onMouseOut=\"hideLayer(\'divThree\');\">Vis billede 3</a>&nbsp;
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divFour\');\" onMouseOut=\"hideLayer(\'divFour\');\">Vis billede 4</a>
<div name=\"divOne\" id=\"divOne\">divOne</div>
<div name=\"divTwo\" id=\"divTwo\">divTwo</div>
<div name=\"divThree\" id=\"divThree\">divThree</div>
<div name=\"divFour\" id=\"divFour\">divFour</div>
Forresten hvordan sætter jeg så CSS, på dem ???
Avatar billede cyberbat Nybegynder
29. september 2001 - 11:00 #1
ups, linket er ikke uploadet endnu, det sørger jeg lige for
Avatar billede cyberbat Nybegynder
29. september 2001 - 11:03 #2
så er den uploadet
Avatar billede cyberbat Nybegynder
29. september 2001 - 11:08 #3
er der virkelig ikke nogen der kan svare på det *HULK*
Avatar billede roenving Novice
29. september 2001 - 11:15 #4
Du sætter da bare en <img src\'ditBillede.gif\'> ind i dine divs:

<div name=\"divOne\" id=\"divOne\"><img src\'ditBillede.gif\'></div>

hth
jes
Avatar billede Slettet bruger
29. september 2001 - 11:19 #5
Og så lige uden tastefejl:

<div name=\"divOne\" id=\"divOne\"><img src=\'ditBillede.gif\'></div>

:-)
Avatar billede Slettet bruger
29. september 2001 - 11:21 #6
cyberbat>> Scriptet gør bare, at du ved at holde musen over nogle links viser og derefter skjuler nogle billeder. Du kan derfor også fx sætte tekst, iframes, links og meget mere ind i de div\'s, som scriptet bruger!
Avatar billede cyberbat Nybegynder
29. september 2001 - 11:21 #7
Årh... Hvor kan man være dum, det var dog det simpleste i verden jeg havde glemt :-( . Nå, men du får 75 point for min dumhed :o(
Avatar billede cyberbat Nybegynder
29. september 2001 - 11:22 #8
sorry phoenixv, havde ikke set at du også havde svaret...
Avatar billede cyberbat Nybegynder
29. september 2001 - 11:23 #9
phoenixv, ved du så hvordan jeg sætter CSS ind i dem???
Avatar billede Slettet bruger
29. september 2001 - 11:23 #10
Og så lige til dit andet spm (\"hvordan sætter jeg CSS på dem?\"):
Det kommer an på, om du mener div\'ene eller billederne! Med billederne kan du fx gøre sådan her:
<div name=\"divOne\" id=\"divOne\"><img src=\"ditBillede.gif\" style=\"border:solid orange 3px; z-index:3;\"></div>

Det fungerer altså på præcis sammen måde, som hvis de ikke havde været i et <div>!
Avatar billede roenving Novice
29. september 2001 - 11:24 #11
>>Tak for rettelsen, taste-fingrene falder åbenbart over hinanden her til morgen ;·]

>>cyberbat
Takker for points ;~}

Va phoenixv, skal du have en sjat af pointene =·)
Avatar billede cyberbat Nybegynder
29. september 2001 - 11:25 #12
jeg mener CSS ind på teksten
Avatar billede Slettet bruger
29. september 2001 - 11:25 #13
Ellers tak, roenving! Du var jo først med et rigtige svar, jeg rettede bare lige en enkelt d\'oh-kandidat (på dansk: fejl)!
Avatar billede cyberbat Nybegynder
29. september 2001 - 11:26 #14
phoenixv >> Ved du så hvordan jeg sætter CSS på teksten...?
Avatar billede Slettet bruger
29. september 2001 - 11:27 #15
cyberbat>> Link-teksten eller hvad?
Avatar billede Slettet bruger
29. september 2001 - 11:27 #16
Eller bare ren tekst i en <div>?
Avatar billede cyberbat Nybegynder
29. september 2001 - 11:28 #17
skal jeg bare foroven lave alm. a:hover ??
Avatar billede cyberbat Nybegynder
29. september 2001 - 11:28 #18
ja, link-teksten
Avatar billede roenving Novice
29. september 2001 - 11:28 #19
Så kan du med fordel bruge en class, men hvis du helt generelt vil have f.eks. anchors til at reagere på mouseover, kan du angive at alle a-tags skal noget bestemt:

Tags:
a:hover {text-decoration:underline}

Class:
.minClass {text-decoration:underline}

;·]
Avatar billede cyberbat Nybegynder
29. september 2001 - 11:29 #20
jaaa, åbenbart, har klaret det selv nu
Avatar billede roenving Novice
29. september 2001 - 11:30 #21
Bueno =:-)
Avatar billede cyberbat Nybegynder
29. september 2001 - 11:30 #22
nåh... Havde ikke set at du havde skrevet et sidste indlæg, men jeg har selv fundet ud af det...!
/EOD
Avatar billede Slettet bruger
29. september 2001 - 11:30 #23
Ja, gør sådan her:

<style>
a:link {bla bla bla}
a:visited {bla bla bla}
a:hover {bla bla bla}
a:active {bla bla bla}
</style>

Ligesom man plejer!

Div\'erne laver nemlig ikke et nyt dokument, de laver bare enkelte lag, der \"flyder\" oven på resten af dokumentet, selvom de stadig er en del af det! Derfor kan du normalt bare behandle dem som alm. links!
Avatar billede Slettet bruger
29. september 2001 - 11:31 #24
Nå, så fik du tre versioner af samme svar! @8-))
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