[jonssondesign]

Vi stötte på ett problem som vi hade otroliga problem att lösa och problemet visade sig vara det mest underliga vi någonsin stött på.

Problemet uppstod när animation med javascript kördes, det hackade.
Boven till det hela visades vara en bild..?!

Bilden var varken stor i storlek, eller tung. den var drygt 400x300px, och vägde drygt 44kb..

Ersatte vi bilden mot en annan (oavsett storlek) så fungerade allt hur fint som helst! Namnet var det heller inget fel på, och inte heller filtypen. Allt verkade legit lixom. därför hade vi inte en tanke på att det kunde vara bilden till vi verkligen bröt ner sidan i atomer tills bilden återstod.

Någon som varit med om liknande, eller vet varför detta kan ha uppstått?

[htiawe]

Filformat? JPG med progressive eller baseline?

[jonssondesign]

Vet inte, hur kollar jag det?
Bilden är nedladdad från Facebook vet jag (profilbild).

[jayzee]

Kör du ett UNIX-baserat OS (Linux, OSX, ...) kan du köra "file dinfil.jpg" i terminalen för att få fram bildinformation. I windows kan du t.ex. använda dig av programmet Irfanview för att få fram denna information (image -> information).

[Clarence]

Spela in animationen under Timeline i Chrome Developer Tools så har du nog lite mer information. Det är givetvis svårt att säga något om man inte vet alls vad animationen gjorde, var bilden låg, om den redan var fullt renderad (hence progressive vs baseline) osv osv.

[yakuzaemme]

Ursprungligen postat av Clarence

Spela in animationen under Timeline i Chrome Developer Tools så har du nog lite mer information. Det är givetvis svårt att säga något om man inte vet alls vad animationen gjorde, var bilden låg, om den redan var fullt renderad (hence progressive vs baseline) osv osv.

Bildens storlek låg på 43kb, drygt 400x300px i full storlek, nedskalad till 30x30 genom img-taggens width/height, dokumentet hade laddats klart. Animationen var en fuzz-animation, dvs. att bakgrunden blir mörkare när en popup tonas in.

JPG bild, ska kolla in om det är progressive eller baseline senare ikväll. Vilket som, otroligt skumt problem då jag aldrig hört talas om det tidigare, spec. då det inte är någon tung bild.

[Clarence]

Ligger bilden i "bakgrunden" som tonas in då? Att lägga en komplett overlay som fadeas in brukar vara mycket effektivare. Är lätt mycket lättare att försöka titta på det om du/ni lägger upp en fiddle.

[yakuzaemme]

Har skickat dig PM med länk Clarence, kika där så förstår du.

[jonssondesign]

Det som tonades in var en vanlig div med svart bakgrund och opacity 0.4. Animationen bestod av att den skulle få en display:block, så att den visades.

Bilden som vi pratar om (problemet), var en vanlig bild som låg i en lista, ungefär som i en produktlista på en webbutik. Så bilden i sig hade inget med animationen att göra.