IMG og innerHTML

Det skal lige siges at skidtet virker i NS, men ikke i IE.

det her virker ganske fint her!

function LoadCategory(myCat) {
if (myCat == "Dyr") { CatArray = new Array(1,3); }

CatContent = "<br>Vis oversigt<br><br>";
for (i=0;i<CatArray.length;i++) {
CatContent += "<img src=\"billeder/thumb/" + CatArray[i] + ".jpg\" border=0 onClick=\"ShowImg(" + CatArray[i] + ")\"><br>";
}
document.getElementById('ListGalleriVis').innerHTML = CatContent;
}

men igen, jeg har heller aldrig oplevet billeder der ikke loader i en innerhtml, måske det er mere?

Jeg har dette script på samme side, og det virker upåklageligt, kan du se nogen forskel som gør at det første script ikke skulle virke?

function ShowImg(myImg) {
    myHTML = '<table cellspacing=0 cellpadding=0 width=100% height=100%><tr><td style=vertical-align:middle><center>';
    myHTML += '<img src=billeder/' + myImg + '.jpg border=0>'
    myHTML += '</center></td></tr></table>'
    document.getElementById('IndholdGalleriVis').innerHTML = myHTML;
}

godt, er lige nødt til at spørge mig lidt frem så ;)

i det første fremviste script ser noget af din innerHTML sådan ud

src=billeder/thumb/' + CatArray i + '

dette er bestemt ikke korrekt syntax ;), men tror du har rettet det da du siger at scriptet fungerer!

vi er enige om at dine "thumbs" hedder 1.jpg, og 3.jpg?

hvis jeg skal komme med yderlige forslag er du nok nødt til at smide et evt. link, da flere forslag herfra vil være baseret på gætteri ;)

www.langthjem.dk/fotosupport under "Galleri"

fed side ;)

men stadig helt uforstående over for problemet, kan se at det kun er 1 gang man har problemer man klikker på linket så snat billedet er cashed virker det eminent, lad os prøve at tilføje en gang preload!

CatContent = '<br>Vis oversigt<br><br>';
pics = new Array(CatArray.length);

for (i=0;i<CatArray.length;i++) {
pics[i] = new Image();
pics[i].src = "./billeder/thumb/" + CatArray[i] + ".jpg";

o.s.v

og når jeg på et tidspunkt lærer at stave så ville alt nok osse være lidt lettere at forstå *G*

Det hjælper ikke ... jeg er snart skaldet af at rykke mig i håret i desparation!

sådan selvfølgelig

function LoadCategory(myCat) {
if (myCat == "Dyr") { CatArray = new Array(1,3); }

CatContent = '<br>Vis oversigt<br><br>';
pics = new Array(CatArray.length){

for (i=0;i<CatArray.length;i++) {
pics[i] = new Image();
pics[i].src = "./billeder/thumb/" + CatArray[i] + ".jpg";
CatContent += "<img src=\"billeder/thumb/" + CatArray[i] + ".jpg\" border=0 onClick=\"ShowImg(" + CatArray[i] + ")\"><br>";
}
document.getElementById('ListGalleriVis').innerHTML = CatContent;
}

;)

okay så står jeg knælme osse af :(

okay sidste forsøg på at omskrive functionen!

function LoadCategory(myCat) {
if (myCat == 'Erotisk') { CatArray = new Array('1','3'); }
if (myCat == 'Romantisk') { CatArray = new Array('2'); }

e = document.getElementById('ListGalleriVis')
e .innerHTML = "";

CatContent = '<br>Vis oversigt<br><br>';
  for (i=0;i<CatArray.length;i++) {
  e.innerHTML += '<img src=\"billeder/thumb/' + CatArray[i] + '.jpg\" name=\"Img' + i + '\" border=\"0\" onClick=\"ShowImg(' + CatArray[i] + ')\"><br>';
  }
}

Nope ... desværre, det virker heller ikke... ARGH!

prøv lige at gøre nøjagtigt som jeg har gjort...

ellers må der jo mere sofistikerede metoder i brug ;D

Tjek lige mit script igen, har lavet nogle ændringer, men den skjuler stadig billederne.

Det var da en spøjs en du har sat ind (image.reload !-)

Men jeg tror jeg ville:

        function LoadCategory(myCat) {
            document.getElementById('ListGalleriVis').innerHTML = '';
CatArray = new Array();
            if (myCat == 'Erotisk') { CatArray = ['1','3']; }
            if (myCat == 'Romantisk') { CatArray = ['2']; }

            CatContent = '<br><a href=java script:void(0) onClick=ListGalleries() onFocus=blur()>Vis oversigt &#187;</a><br><br>';
            for (i=0;i<CatArray.length;i++) {
                CatContent += '<img src=billeder/thumb/' + CatArray[i] + '.jpg name=Img' + i + ' border=0 width=110 onClick=ShowImg(' + CatArray[i] + ')>';
            }

            document.getElementById('ListGalleriVis').innerHTML = CatContent;

//Hvad er dette ??            for (i=0;i<CatArray.length;i++) {
//                document.getElementById('Img' + i).reload(true);
//            }
        }

-- jeg har ikke lige prøvet det her med at erklære dobbelt, men da jeg ideligt fik fejl på at CatArray ikke eksisterede, må vi skulle lede i den retning !-)

Man forsøger sig med alt muligt, og du har ramt indenfor 10 sekunder, for jeg fjernede den reload kommando med det samme. Har nu testet dit script, og erklærer det for ikke en fløjtende fis bedre ... det var dog utroligt så hård denne nød er at knække!

Er der ikke en metode så man kan tvinge den til at hente billedet igen? Det undrer mig at den ikke engang viser et "broken image", det burde den hvis det er stien den er gal med... det er som om den bare skjuler det.

Der må være en fejl med koden, så den ikke når at få html-koden genereret, hvilket den fejl med CatArray også tyder på ...

Og, ja, når man forsøger med _alt_ så ryger der selvfølgelig også en finke af panden engang imellem ...

Jeg ville forøvrigt forsøge mig med at skrive det 'rigtigt', altså med parameter-værdier i gåseøjne (i rigtig mange af dine linjer !-), à la:

            CatContent = '<br><a href="java script:void(0)" onClick="ListGalleries()" onFocus="this.blur()">Vis oversigt &#187;</a><br><br>';

Javascript har to forskellige streng-delimiters, det er en fordel at udnytte dem !-)

Det har jeg nu skrevet ind igen, havde fjernet mine delimiters fordi jeg tænkte at det kunne lave forvirring, men nej!
Er vi derhenne hvor jeg bør overveje en alternativ måde at lave skidtet på?

Måske ...

Så meget har jeg ikke nået at kigge i din kode -- men det har grunken vel ...

Forøvrigt kan du ikke skrive onfocus="blur()" -- i javascript skal man som hovedregel _altid_ have et objekt en metode kan arbejde på, så den skal hedde this.blur() ...

Men jeg prøver lige at hive den ind i min egen webwriter, så kan det være jeg opdager noget !-)

Ha, det er åbenbart noget som ligner det klassiske preloader-problem -- og jeg har desværre ikke en løsning -- endnu håber jeg !-)

Een gang fik jeg det faktisk til at virke efter jeg havde skrevet et eller andet efter adressen og så gik tilbage ...

-- men jeg kan ikke lige få øje på andet end den der blur-ting -- og den har jo ikke det fjerneste med problemet at gøre ...

Den blur() metode er bare det gamle alternativ til hideactive(), og den sørger bare for at objektet ikke får den der skide stiplede "aktiv" linie udenom når man klikker.

prøver så lige at tilføje lidt ;)

syns det er pokkers det her, har efterhånden lavet en del scripts med innerHTML :(

men her!

    function LoadCategory(myCat) {
            document.getElementById('ListGalleriVis').innerHTML = '';
            CatArray = new Array();
            if (myCat == 'Erotisk') { CatArray = ['1','3']; }
            if (myCat == 'Romantisk') { CatArray = ['2']; }

            CatContent = '<br><a href="java script:void(0)" onClick="ListGalleries()" onFocus="blur()">Vis oversigt &#187;</a><br><br>';
            for (i=0;i<CatArray.length;i++) {
                CatContent += '<img src="billeder/thumb/' + CatArray[i] + '.jpg" ID="img'+i+'" border="0" width="110" onClick="ShowImg(' + CatArray[i] + ')">';
            }

            document.getElementById('ListGalleriVis').innerHTML = CatContent;

        showCategory(CatArray);
    }
        function showCategory(arr){

        for(i=0;i<arr.length;i++){
          document.getElementById('img'+i).src = "./billeder/thumb/"+arr[i]+".jpg";
    }
      }

Hmm ... takker for scriptet, men det hjælper intet, den viser stadig først billederne når man vælger "Vis billede" i context menuen.

>>grunken (og også dig, langthjem !-)

Vi må da for f***** kunne finde en metode, som kan finde sådan en billed-fil, som jeg skrev tidligere ligner det uhyggeligt meget preloader-problemet ...

Hvordan kan det være at browseren ikke renderer/henter for alvor ?-)

(This is brainstorming !-)

Den tilføjer en "hide" funktion som default? Den aktiverer ikke billedet som et objekt der skal loades?
NB: Har lagt mærke til at den fint læser højde og bredde på billedet!

Ja, langthjem, præcis, hvorfor undlader den så resten af processen ?-)

Hmm ... ved det ikke ... men jeg takker mange gange for hjælpen, jeg har nu bidt i det sure æble og har lavet skidtet i ASP med en IFRAME, kan sgu' ikke forsvare for kunden at bruge så meget tid på det :-)
Skal vi finde ud af noget med pointene selvom problemet forbli'r uløst?

tag endelig dem tilbage ;), og når du lige for tid kan du så ikke prøve en miniversion af dit script, kun med de to nødvendige divs, og uden styles, vil meget gerne se om den her kan knækkes ;D

Det skal jeg nok gøre ... så får du lige besked.

Spørgsmålet er lukket!