Notifikationer

Markér alle som læst Log ud

ranukel Nybegynder

12. november 2002 - 20:27 Der er 9 kommentarer og
1 løsning

Fremhævelse af tekst på et jpg billede

Nu er jeg lidt i tvivl om spørgsmålet hører under HTML, det drejer sig om et jpg billede hvorpå der er skrevet en lille svært læselig tekst(er), denne tekst vil jeg have forstørret op når cursoren går hen over den, kan det gøres med HTML eller skal det laves i eksembplvis Java?

Synes godt om

pelkjaer Nybegynder

12. november 2002 - 20:30 #1

Ingen af delene - hvis teksten er på et billede må du lave et billede med den store tekst i et grafikprogram. Derefter kan du med javascript lave et imageswap.

Synes godt om

ranukel Nybegynder

12. november 2002 - 20:31 #2

Hvad er imageswap?

Synes godt om

pelkjaer Nybegynder

12. november 2002 - 20:32 #3

Et billedeskift

Synes godt om

ranukel Nybegynder

12. november 2002 - 20:34 #4

Okay jeg troede der var tale om et program

Synes godt om

ranukel Nybegynder

12. november 2002 - 20:47 #5

Fandt noget der nok lige er det jeg mangler, tester det lige af

********************************************

I didn't need any plug-ins or Java to do this just three lines of code:

<script language="Javascript1.1">
function yaImgChange(imgNum,imgSrc) {
document.images[imgNum].src = imgSrc;
}
</script>
That's what does all the work. To activate it, you need to use the JavaScript hooks that are provided by the language. The source looks like this:

<a href="java script:nothingMuch();" onMouseOver="yaImgChange(11,'img1.gif');" onMouseOut="yaImgChange(11,'img2.gif');"> <img src="img1.gif"></a>

Synes godt om

callesen Praktikant

12. november 2002 - 20:59 #6

Eller måske noget i denne retning:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<script language="JavaScript">
var ns, ns6, ie;

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

function getLayerStyle( lyr ){
if( ns ){
return document.layers[lyr];
} else if( ie ){
return document.all[lyr].style;
} else if( ns6 ){
return document.getElementById(lyr).style;
}
}

function ShowHide(layer){
newlayer = getLayerStyle(layer)
if (newlayer.visibility == "hidden") {
newlayer.visibility = "visible";
}
else if (newlayer.visibility == "visible") {
newlayer.visibility = "hidden";
}
}
</script>
</HEAD>
<BODY>
<DIV STYLE="top:100px;left:100px;position:absolute;">
<IMG SRC="landscape.jpg" BORDER="0" WIDTH="160" HEIGHT="120" ALIGN="bottom" ALT="">
</div>
<div STYLE="top:100px;left:100px;position:absolute;width:160px;height:120px;font-size:0.5em;" onmouseover="java script:ShowHide('mitlayer1')" onmouseout="java script:ShowHide('mitlayer1')">HEJ MED DIG
<div name="mitlayer1" id="mitlayer1" style="background-color: #333333; visibility: hidden;font-size:2.5em;top:0px;left:0px;position:absolute;">
<font color="#FFFFFF">HEJ MED DIG</font>
</div></div>
</BODY>
</HTML>

Synes godt om

ranukel Nybegynder

12. november 2002 - 21:08 #7

Jeg kan godt se hovedlinierne, men det er en ordentlig omgang for en der ikke har arbejdet med Javascript før, findes der eksempler på nettet for ovenstående?

Synes godt om

callesen Praktikant

12. november 2002 - 21:31 #8

Hvis du mener mit forslag er det mere CSS du skal justere. I 'style="blabla" kan du indstille størrelse med height og width- placering med top og left. Skriftstørrelsen med font-size. Billedet størrelse giver nogle af parameterne.

Synes godt om

ranukel Nybegynder

12. november 2002 - 22:02 #9

>>callesen
ja det var dit, tak for din kommentar, jeg vil prøve at arbejde videre med det.

Synes godt om

ranukel Nybegynder

16. november 2002 - 15:19 #10

Lukker spørgsmål

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS