Udskifte billede onmouseover

Taget fra kilden på den hjemmeside, du refererer til.

TilfojPerson(0, null, null);


TilfojPerson(1, 'http://billeder.bilinfo.dk/billeder350/302900665.jpg');

TilfojPerson(2, 'http://billeder.bilinfo.dk/billeder350/302900665_1.jpg');

TilfojPerson(3, 'http://billeder.bilinfo.dk/billeder350/302900665_2.jpg');


function TilfojPerson(i, img) {
   
  Person_Img[i] = new Image();
    Person_Img[i].src = img;
}

function BITekstSkift(i) {
  document['coverimg'].src = Person_Img[i].src
 
}

<tr>
        <td valign=top><A onmouseover="window.status='Billede 1'; BITekstSkift(1); return true;" onmouseout="window.status=''; return true;" href="#" ><IMG src="http://billeder.bilinfo.dk/billeder75/302900665.jpg" style="border: 1px solid black" height="46"></a></td>
    </tr>

En simpel udgave, der kun skifter mellem 2 billeder:

function swap(swapto) {
  document.getElementById("pic").src = "images/"+swapto;
}

                            <tr>
                                <td width="24" height="24"></td><td width="173" bgcolor="#0C1C8C"></td><td width="171"></td><td width="283"><img id="pic" src="images/creditsIngenTekst.gif" alt=""></td><td width="50" align="right"><a href="#" onMouseOut="swap('creditsIngenTekst.gif')" onMouseOver="swap('creditsTekst.gif')" style="cursor:default;"><img border="0" src="images/credits.gif" alt="Ophavsretten"></a></td>
                            </tr>

hvis nu billederne bliver taget fra en database er det vigtigt at den kan være dynamisk ift billedenavnene

Dem skriver du jo bare ind,når siden genereres !-)

i javascriptet ?

Ja, det er der ikke noget galt i, f.eks.

TilfojPerson(1, '<%=row("billedsti")%>');

jeg er usikker på hvordan jeg definerer selve feltet som den skal udskifte billederne i. Der skal være et default billede i rammen som er hovedbilledet og når man så kører over de andre billeder skal den udskifte det store billede.

link: http://www.teeshop.dk/webshop/specifik.asp?IDprodukt=115


<script language="JavaScript" type="text/JavaScript">
TilfojPerson(0, null, null);
TilfojPerson(1, 'http://<%=(rsFirma.Fields.Item("URL").Value)%>/images/produktbilleder/<%=(rsProduktbilleder.Fields.Item("Filename").Value)%>');

function TilfojPerson(i, img) {
   
  Person_Img[i] = new Image();
    Person_Img[i].src = img;
}

function BITekstSkift(i) {
  document['coverimg'].src = Person_Img[i].src
}
</script>



<td valign=top><A onmouseover="window.status='Billede 1'; BITekstSkift(1); return true;" onmouseout="window.status=''; return true;" href="#" ><img src="images/produktbilleder/<%=(rsProduktbilleder.Fields.Item("Filename").Value)%>" width="40" height="40" style="border:1px solid #000000" onmouseover="return overlib('<%=(rsProduktbilleder.Fields.Item("Titel").Value)%>');" onmouseout="return nd();"></a></td>

Jaa, den manglede jeg vist i det jeg saksede fra hjemmeside:

<img name='coverimg' SRC='http://billeder.bilinfo.dk/billeder350/302900665.jpg'  >

Altså det store område/billede får et navn "coverimg", som du kan referer til.

Nå du så flytter musen over et af de små billeder, kaldes der via onmouseover bl.a. BITekstSkift(1). Tallet i parentesen er en betegnes der er givet til billedet, da det blev oprettet, som bruges som reference:

TilfojPerson(1, 'http://billeder.bilinfo.dk/billeder350/302900665.jpg');

BITekstSkift gør så følgende det, at den tager coverimgs sti og overskriver den med stien til den lille billede svarende til nummeret BITekstSkift fik leveret.

function BITekstSkift(i) {
  document['coverimg'].src = Person_Img[i].src
}

Så i dit tilfælde skal du bare lave et billede, som hedder coverimg.

Men du har 2 onmouseover i <A>, er det ikke en fejl?

har prøvet og tilrette men den udskifter ikke billedet:

LINK:
http://www.teeshop.dk/webshop/specifik.asp?IDprodukt=116

java script:
TilfojPerson(0, null, null);
TilfojPerson(1, 'http://www.teeshop.dk/images/produktbilleder/teeshop086_2.JPG');

function TilfojPerson(i, img) {
   
  Person_Img[i] = new Image();
    Person_Img[i].src = img;
}

function BITekstSkift(i) {
  document['coverimg'].src = Person_Img[i].src
}


DET STORE BILLEDE:
<img name='coverimg' src="images/produkt/<%=(rsSpecifik.Fields.Item("BilledeStort").Value)%>" width="300" height="300" style="border:1px solid #cccccc">


DE SMÅ BILLEDER:
<td><A onmouseover="window.status='Billede 1'; BITekstSkift(1); return true;" onmouseout="window.status=''; return true;" href="#" ><img src="images/produktbilleder/<%=(rsProduktbilleder.Fields.Item("Filename").Value)%>" width="40" height="40"></a></td>

Har du uploadet billedern, for jeg kan slet ikke se nogen overhovedet.

Jeg tror der er noget galt i din specifik.asp fil, for jeg har fundet billedet/erne, men jeg kan ikke få det vidst nåt jeg bruger dit link.

nu virker det :)