Script virker ikke i Safari (Mac)

det burde være nok at rette denne:

function overpic(e){
  e=document.getElementById(e)
  fil = e.src.substring(e.src.lastIndexOf("/")+1);
  document.getElementById('visstor').src = st+fil
}

Nope - så virker det hverken i Explorer (PC/Mac) eller i Safari

hvordan kalder du din function?

prøv evt:

function overpic(e){
  e=document.images[e]
  fil = e.src.substring(e.src.lastIndexOf("/")+1);
  document.getElementById('visstor').src = st+fil
}

og hvordan ser koden til 'e'-billedet ud?

Jeg kalder mine funktioner her:

Response.Write "<a href=""java script:window.billedPopUp('vispic.asp?bid="&rs("GID")&"&pnum=1',"&B&","&H+20&")""><img src=""images/galleri_tmp/"&rs("Pic1")&""" border=""0"" onMouseOver=""overpic(this),resizePic('visstor');""></a>"

Det er en del af ASP.Image koden.

de passer sammen sådan:

function overpic(e){
  e=document.images[e]
  fil = e.src.substring(e.src.lastIndexOf("/")+1);
  document.getElementById('visstor').src = st+fil
}

Response.Write "<a href=""java script:window.billedPopUp('vispic.asp?bid="&rs("GID")&"&pnum=1',"&B&","&H+20&")""><img src=""images/galleri_tmp/"&rs("Pic1")&""" border=""0"" name=""imageE"" border=""0"" onMouseOver=""overpic(this.name),resizePic('visstor');""></a>"
--------------------------------------------------------------------------------
function overpic(e){
  e=document.getElementById(e)
  fil = e.src.substring(e.src.lastIndexOf("/")+1);
  document.getElementById('visstor').src = st+fil
}

Response.Write "<a href=""java script:window.billedPopUp('vispic.asp?bid="&rs("GID")&"&pnum=1',"&B&","&H+20&")""><img src=""images/galleri_tmp/"&rs("Pic1")&""" border=""0"" id=""imageE"" border=""0"" onMouseOver=""overpic(this.name),resizePic('visstor');""></a>"

sorry den sidste skal være:

Response.Write "<a href=""java script:window.billedPopUp('vispic.asp?bid="&rs("GID")&"&pnum=1',"&B&","&H+20&")""><img src=""images/galleri_tmp/"&rs("Pic1")&""" border=""0"" id=""imageE"" border=""0"" onMouseOver=""overpic(this.id),resizePic('visstor');""></a>"

nope - så siger den

'src' er null eller ikke et objekt

øøhhh - er ikke helt med på hvilket af de script du lige viste jeg skal bruge

burde ikke gøre nogen forskel, men dette:

function overpic(e){
  e=document.images[e]
  fil = e.src.substring(e.src.lastIndexOf("/")+1);
  document.getElementById('visstor').src = st+fil
}

Response.Write "<a href=""java script:window.billedPopUp('vispic.asp?bid="&rs("GID")&"&pnum=1',"&B&","&H+20&")""><img src=""images/galleri_tmp/"&rs("Pic1")&""" border=""0"" name=""imageE"" border=""0"" onMouseOver=""overpic(this.name),resizePic('visstor');""></a>"

Nope - får stadig fejlen

'src' er null eller ikke et objekt

i IE til PC, og det virker ikke på Mac hverken i Safari eller Explorer

prøv lige sådan, og sig mig hvad du får:

function overpic(e){
  e=document.images[e].src
  alert(e);
  fil = e.substring(e.lastIndexOf("/")+1);
  document.getElementById('visstor').src = st+fil
}

Response.Write "<a href=""java script:window.billedPopUp('vispic.asp?bid="&rs("GID")&"&pnum=1',"&B&","&H+20&")""><img src=""images/galleri_tmp/"&rs("Pic1")&""" border=""0"" name=""imageE"" onMouseOver=""overpic(this.name),resizePic('visstor');""></a>"

Så får jeg stien til billedet (thumbnail'en) i både explorer til PC/Mac og Safari

nogen fejl?

nej - ikke andet end at det store billede ikke vises  explorer/safari på mac

ok, så prøv sådan:

function overpic(e){
  e=document.images[e].src
  fil = e.substring(e.lastIndexOf("/")+1);
  document.images['visstor'].src = st+fil
}

og så skal du huske at rette/tilføje 'visstor'-billedets id-arttribut til name="visstor"

Havde id-attributten med.

Nu virker det i explorer til pc/mac, men safari forstår ikke det andet script (det der skalerer proportionalt).

virker det bare ikke, eller kommer der nogen fejlmeddelelser?

den viser godt nok et stort billede, men det er ikke skaleret proportionalt som det skal og der kommer ikke nogen fejlmeddelelser.

prøv lige sådan, og sig mig hvad du får:

function resizePic(imgName){
    maxHeight=250;
    img=document.images[imgName];
    pic=new Image();
    pic.src=document.images[imgName].src;
    h=pic.height;
    alert(h+">"+maxHeight);
    if(h>maxHeight){
        x=h/maxHeight;
        img.height=Math.round(h/x);
        img.width=Math.round(pic.width/x);
        }
    }

600>250

igen :-)

function resizePic(imgName){
    maxHeight=250;
    img=document.images[imgName];
    pic=new Image();
    pic.src=document.images[imgName].src;
    h=pic.height;
   
    if(h>maxHeight){
        x=h/maxHeight;
        img.height=Math.round(h/x);
        alert(x+"||"+img.height);
        img.width=Math.round(pic.width/x);
        }
    }

Ups - glemte lige at sige at 600>250 kun var explorer på PC - på mac siger det 0>250 (explorer/safari)

Det nye siger 2.4||250 på pc og intet på mac - samme problem som vi startede ud med

hvad så nu?

function resizePic(imgName){
    maxHeight=250;
    img=document.getElementById(imgName);
    pic=new Image();
    pic.src=document.getElementById(imgName).src;
    h=pic.height;
    if(h>maxHeight){
        x=h/maxHeight;
        img.height=Math.round(h/x);
        alert(x+"||"+img.height);
        img.width=Math.round(pic.width/x);
        }
    }

og så skal du huske at 'visstor'-billedets id- og name arttribut skal være ="visstor"

attributten er rigig nok som du skriver.

Explorer til PC - "Et objekt var ventet"

Explorer til Mac - ingen fejl og kører rigtigt

Safari til Mac - Viser billedet, men resizer ikke proportionalt

jeg ved ikke helt hvad det er men safari, men der noget med at den ikke kan håndtere document.images-arrayet rigtigt: http://www.google.com/search?sourceid=navclient&hl=da&ie=UTF-8&oe=UTF-8&q=document%2Eimages+safari

jeg er lige på vej ud døren, men jeg skal nok følge op på det hvis du ikke finder ud af det inden - indtil da ville jeg bruge:

function resizePic(imgName){
    maxHeight=250;
    img=document.images[imgName];
    pic=new Image();
    pic.src=document.images[imgName].src;
    h=pic.height;
    if(h>maxHeight){
        x=h/maxHeight;
        img.height=Math.round(h/x);
        img.width=Math.round(pic.width/x);
        }
    }

lukker

ja - der findes vist ingen løsning på problemet på nuværende tidspunkt...