IE 6 background-image ERROR

max-m · Napísal **max-m**: 21.06.2010 19:55

Caute,
mam taky problem v IE6 na stranke www.riedl-kamenarstvo.sk.

Ide o to, ze v IE6 je pozadie pod vrchnym menu "odskocene" dolava a da sa do normalu po reloade. Ked vsak pridete na inu podtrsanku, zas musite refreshnut stranku aby to bolo ok. V IE 7+ a FF je to OK.

V com moze byt problem?

DIK.

coldak · Napísal **coldak**: 21.06.2010 20:14

v prvom rade si prever javascripty, IE6 mi hlasi dve chyby a chybova consola v opere tiez dost chyb

camo · Napísal **camo**: 23.06.2010 21:37

Prosím vás môže mi niekto povedať ako je robený ten efekt prechodov medzi obrázkami?
Som to pozeral ale ak to správne chápem, tak je to robené cez Jquery a v tom sa nevyznám. Dokáže mi niekto popísať ten princíp? V tom kóde je to na mňa moc komplikované...
To by som aj ja chcel... :rolleyes:

EDIT:
Som prišiel na to, že to obsluhuje ten fancybox.js, ale takýto zápis(a podobné) som v živote nevidel:

Kód:

;(function($) {

EDIT2:
No tak som už perišiel aj na to, že ten fancybox je niečo iné...
Mne teda ide o ten obrázok na hlavnej stránke a najmä o tie prechody....

coldak · Napísal **coldak**: 23.06.2010 22:24

camo, nastuduj si alpha filter, umoznuje ti nastavovat priehladnot
http://www.w3schools.com/Css/css_image_transparency.asp

camo · Napísal **camo**: 23.06.2010 22:28

O alfa filtry viem, ale myslel som, že je to iba IE záležitosť.
Idem si to teda naštudovať....

camo · Napísal **camo**: 24.06.2010 22:04

No som z toho úplne vypatlaný. Samo o sebe mi to funguje, ale keď to skúšam spojiť s časovaním(aby bol ten prechod plynulý), tak koniec...
Nevie niekto o nejako článku, ktorý to rozoberá?

EDIT:
No už by to snáď aj šlo. Mám toto, ak sa to dá lepšie, tak by som bol zvedavý(ak sa niekomu chce)...

Kód:

<body style="text-align:center">

<script type="text/javascript">

var glob=0;
var casovac=''

function opacitka(ID){
                      casovac=setInterval("timeout()",50);
                     }

function timeout(ID2){
                      glob++;
                      glob++;
                      if(document.all) document.getElementById('Ja').filters.alpha.opacity=glob*10;
                      else document.getElementById('JA').style.opacity=glob/10;
                      if(glob==10) clearInterval(casovac);
                      }
</script>

<div style="background-color:black; width:209px; margin:0 auto">
<img id="JA" src="fotkamna.jpg"  style="opacity:0; filter:alpha(opacity=0)" onmouseover="opacitka(this)" />
</div>

IE 6 background-image ERROR

Podobné témy