webForumDet fria alternativet

Visa text med onmouseover...

1 svar · 309 visningar · startad av macgunde

macgundeMedlem sedan apr. 2003112 inlägg
#1

Hej,

Jag håller på att bygga upp en ny portfolio.
behöver hjälp med en lösning jag vill åstadkomma.
När jag dra har musen över en av tumnaglarna så visas en större bild på angett ställe. jag använder div + css för layouten.
Det jag nu vill åstadkomma är att även kunna få upp en text. Skulle gärna kunna hämta in texten genom ett textdokument utanför dokumentet.

Här nedan ser du länk till webbsidan och JavaScriptet jag använder mig av.

Till webbsidan

JavaScript

<SCRIPT LANGUAGE="JavaScript">
<!--
function visaBild (bildNamn,bildURL) {
document[bildNamn].src=bildURL;
}
-->
</SCRIPT>

Källan för vart bilden ska visas

<img src="images/0.jpg" alt="Daniel Peterson" name="oversikt" width="489" height="325" />

Tumnageln men OnMouseOverfunktionen ligger på

<a href="#" onMouseover="visaBild ('oversikt','images/1.jpg');" onMouseout ="visaBild ('oversikt','images/0.jpg');">
<img src="images/1_thumb.jpg" alt="1" width="100" height="66" border="0" />

Tacksam för all hjälp.

Daniel

J.N.Medlem sedan apr. 20031 660 inlägg
#2

HEJ!

Att visa en text kan du väl göra med div och innerHTML, eller liknande?

Hur du ska få in texten beror lite på hur ofta den ändras, en färdig javascriptfil som passar med den översta lösningen vore nog enklast.
Uppdaterar du via ett admin kanske du hellre vill skapa en txt-fil med rätt innehåll, istället för en javascriptfil, och sedan läsa in text-raderna till javascript-variabler med FSO.

Det finns ett antal vägar att gå alltså.

Genererad på 375 ms · cache AV · v20260730165559-full.f96bc7eb