Pegefølsomknap / billede frem.

Hej PPN
Tænker du på noget i retning af denne smarte funktion på http://www.vw.dk/ - under "New Beetle" ??? Der hvor man kan køre musen hen over dele af bilen og dette så forstørres i et andet image???
Prøv at kigge, ok?!?

Det kan desværre ikke lade sig gøre med Frontpages indbyggede komponenter. Hvis det skal lave skal du bruge Java eller lignende.

Ja jeg tænker på noget lignende som under New Beetle.
Se også http://www.playstation.com/index.html
hvor knappen frembringer en tekst eller et foto.

På www.playstation.com er koden således:

<script language="JavaScript">
<!--

// Browser Detect
bName = navigator.appName; //detect for Netscape 3+ or IE 4+
bVer = parseInt(navigator.appVersion);
if ((bName == "Netscape" && bVer >= 3) ||
    (bName == "Microsoft Internet Explorer" && bVer >=4)) br = "n3";
else br = "n2";
// Create image objects, preload all active and inactive images.
if (br== "n3") {
// Active Spotlight Index
    img01on = new Image();
    img01on.src = "images/content/tab1h_starocean.gif";
    img02on = new Image();
    img02on.src = "images/content/tab2h_blood.gif";
    img03on = new Image();
    img03on.src = "images/content/tab3h_tarzan.gif";
    img04on = new Image();
    img04on.src = "images/content/tab4h_store.gif";
    img05on = new Image();
    img05on.src = "images/interface/space.gif";
    img06on = new Image();
    img06on.src = "images/content/tabh_newsflash.gif";
// Inactive Spotlight Index
    img01off = new Image();
    img01off.src = "images/content/tab1_starocean.gif";
    img02off = new Image();
    img02off.src = "images/content/tab2_blood.gif";
    img03off = new Image();
    img03off.src = "images/content/tab3_tarzan.gif";
    img04off = new Image();
    img04off.src = "images/content/tab4_store.gif";
    img05off = new Image();
    img05off.src = "images/interface/space.gif";
    img06off = new Image();
    img06off.src = "images/content/tab_newsflash.gif";
// Active Spotlight Callouts
    img01spot = new Image();
    img01spot.src = "images/content/spot_starocean.gif";
    img02spot = new Image();
    img02spot.src = "images/content/spot_bloodyroar2.gif";
    img03spot = new Image();
    img03spot.src = "images/content/spot_tarzan.gif";
    img04spot = new Image();
    img04spot.src = "images/content/spot_storeitems.gif";
    img05spot = new Image();
    img05spot.src = "images/content/spot_colored.gif";
    img06spot = new Image();
    img06spot.src = "images/content/spot_newsflash.gif";
   
}

function imgAct(imgName) {
    if (br == "n3") {
        document[imgName].src = eval(imgName + "on.src");
        document["holder"].src = eval(imgName + "spot.src");
    }
}

function imgInact(imgName) {
    if (br == "n3") {
        document[imgName].src = eval(imgName + "off.src");
        document["holder"].src = "images/interface/spotlogo.gif";
    }
}

function open_gamewindow(url) {
    var gamewindow = window.open(url,"gamewindow","toolbar=0,location=0,directories=0,status=1,menubar=0,scrollbars=0,resizable=1,left=1,width=800,height=600,top=1");
    gamewindow.focus();
}

//-->
</script>

Det var selve JavaScripet. Her kan du udskifte billedfilnavnene med dine egne filer. Under html-delen skal der henvises til scriptet:

<!-- Spotlight Index Rollover -->
<tr><td valign="TOP"><a href="news/launchmain_news.html" target="nav_n_main" onmouseover="imgAct('img06')" onmouseout="imgInact('img06')"><img name="img06" width=197 height=21 border=0 src="images/content/tab_newsflash.gif" alt="News Flash!"></a></td></tr>
<tr><td valign="TOP"><a href="games/categories/actionadvent/star/" target="new" onmouseover="imgAct('img01')" onmouseout="imgInact('img01')"><img name="img01" width=197 height=21 border=0 src="images/content/tab1_starocean.gif" alt="STAR OCEAN The Second Story"></a></td></tr>
<tr><td valign="TOP"><a href="games/categories/fighting/bloody2/" target="new" onmouseover="imgAct('img02')" onmouseout="imgInact('img02')"><img name="img02" width=197 height=21 border=0 src="images/content/tab2_blood.gif" alt="Bloody Roar II"></a></td></tr>
<tr><td valign="TOP"><a href="games/categories/actionadvent/tarzan" target="new" onmouseover="imgAct('img03')" onmouseout="imgInact('img03')"><img name="img03" width=197 height=21 border=0 src="images/content/tab3_tarzan.gif" alt="Disney's Tarzan"></a></td></tr>
<tr><td valign="TOP"><a href="https://store.playstation.com/store/default.asp" target="_top" onmouseover="imgAct('img04')" onmouseout="imgInact('img04')"><img name="img04" width=197 height=21 border=0 src="images/content/tab4_store.gif" alt="PlayStation Online Store"></a></td></tr>
<tr><td height="179" valign="BOTTOM"><a href="hardware/launch_dualshock.html" target="main" onmouseover="imgAct('img05')" onmouseout="imgInact('img05')"><img name="img05" src="images/interface/space.gif" width=197 height=179 alt="DUAL SHOCK analog controller" border=0></a></td></tr>

Jeg håber at du kan finde rundt i det - ellers kig selv efter i sourcekoden på http://www.playstation.com/launchmain_home.html

Sorry - sourcekoden ligger i http://www.playstation.com/spotlight.asp

Man kan altid højreklikke på alle billeder og finde filnavne for at kunne finde hoved og hale i en kode...

God fornøjelse! :o)

>>>firmappn - kalder du anke's svar for et svar??? Han hjalp dig da ikke til en løsning...snyd... :o(((

>>ossy  Svaret var da rigtigt nok. Han spørger hvordan man laver det med frontpage 2000 og det kan ikke lade sig gøre. Men vi er enige om, at det er nogle nemme points at score.

>>>anke ;o) Godt gået!!! Men det var altså snyd...jeg kunne snart godt bruge nogle point...*suk* Har selv en masse spørgsmål...og ingen point, ingen svar...right?!? ;o)

Det må I meget undskylde hvis nogen fik
nogle nemme point, men det er jo herligt
at noget er nemt ind imellem. men hvordan tildeler man pointerne til den som man mener har det rigtige svar.

Hilsen
PPN