Fremhævelse af tekst på et jpg billede

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.

Hvad er imageswap?

Et billedeskift

Okay jeg troede der var tale om et program

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>

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>

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?

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.

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

Lukker spørgsmål