Skulle vilja veta hur man gör på smidigaste sätt för att få detta:
Jag har en meny där jag har en mouseover som byter bild. Hur gör jag på enklaste sätt för att få den valda bildens mouseover att vara kvar tills besökaren väljer att trycka på nästa länk/bild.
Hoppas det är nån som förstår vad jag menar och hoppas att jag är i rätt forum! Går ju säkert att göra med css också men jag använder ju bilder som sagt med ett javascript...
Kanske nån som har en länk till en sida där detta finns?
<script type="text/javascript">
var imageList=new Array();
var imageCount=0;
function loadImage(name,imageOut,imageOn){
imageList[name] = []
imageList[name].imageout = new Image();
imageList[name].imageout.src = imageOut;
imageList[name].imageon = new Image();
imageList[name].imageon.src = imageOn;
}
function gotFocus(name){
for (i in imageList){
if (document.images[i]){
var timg;
if (i == name)
timg = imageList[i].imageon.src;
else
timg = imageList[i].imageout.src;
tl=document.getElementById(i + "_link");
if (document.getElementById(i + "_link").href == [b]parent.frames["main"].location.href [/b])
timg = imageList[i].imageon.src;
if (document.images[i].src != timg)
document.images[i].src = timg;
}
}
}
function lostFocus(name){
gotFocus("")
}
window.lostFocus = lostFocus;
// Bilddefinitioner
loadImage("knapp0","images/nyheter.gif","images/nyheterrod.gif");
loadImage("knapp1","images/startsidan.gif","images/startsidanrod.gif");
loadImage("knapp2","images/a-lag.gif","images/a-lagrod.gif");
loadImage("knapp3","images/b-lag.gif","images/b-lagrod.gif");
loadImage("knapp4","images/truppen.gif","images/truppenrod.gif");
loadImage("knapp5","images/p-14.gif","images/p-14rod.gif");
loadImage("knapp6","images/tipset.gif","images/tipsetrod.gif");
loadImage("knapp7","images/gastbok.gif","images/gastbokrod.gif");
</script>
Skriptet ser lite annorlunda ut, men fungerar på samma sätt. Dock var jag inte säker på hur ditt frameset ser ut, men jag antar att du använder normala frames och att main ligger där. Skulle du använda en iframe eller nåt annat, så får du posta den koden.
Lägg till följande snutt i body:
<body [b]onload="lostFocus();"[/b] ...
Sen måste du lägga till id för alla länkar som ser ut som följer: Först tillhörande bilds namn sedan _link, exempel
Dock har jag inte fått det att fungera. Den säger att det är nåt fel i meny.html, rad 42.. Det kan vara nåt enkelt fel eftersom jag är trött nu men men...
Först en kommentar. Denna snutt ska ligga i mainframes frame-tagg, inte i menyframen som nu.
Felet på rad 42 är inte ett fel i skriptet, utan beror på att inte alla sidor ligger på samma domän. Ramarna kan då inte kommunicera med varandra.
Lösningen är att lägga över allt någonstans under http://richard.franzon.info/ så att ramarna kan kommunicera.
På http://tiftest.preztige.se/ kan du lägga en enkel framesida som ligger som behållare till den andra, t ex:
