Mam taki kawalek kodu w php :
'<div id="click_prev"></div><div id="click_next"></div>'. '<div class="img_container" id="img_container" style="width:'.$width.'px; right:0px;">'; for($i=$count-1; $i>=0; $i--) { } }
Jak widac mamy tutaj div 'gallery' w ktorym generowane sa img dla galerii, mamy takze divy o id 'click_next' i 'click_prev' ktore odpowiedzialne sa za przesuwanie obrazkow w galerii i do tych divow podpiete sa funkcje jquery.
Dla divow 'click_next' i 'click_prev' mam nastepujacy kod css :
#click_next { position:absolute; z-index:2; background:transparent; height:360px; width:125px; float:left; cursor:url(http://costamcostam/images/site/strzalka_lewo.gif), pointer; } #click_prev { position:absolute; z-index:2; background:transparent; height:360px; width:600px; float:left; margin-left:125px; cursor:url(http://costamcostam/images/site/strzalka_prawo.gif), pointer; }
W firefox i operze wszystko jest elegancko, divy 'click_next' i 'click_prev' znajduja sie w srodku diva 'gallery' i po klikniecu zdjecia pieknie sie przesuwaja, co innego dzieje sie w ie.
W IE po piersze divy 'click...' sa poza divem 'gallery' po prawej jego stronie czyli wogole sa poza tym divem a po drugie gdy nawet klikam w te divy zdjecia wogole sie nie przesuwaja.
Wczesniej mialem podpieta funkcje przesuwania galerii tylko w jedna strone pod div nadrzedny dla diva 'gallery' i wszystko pieknie chodzilo zarowno w ff , operze jak i ie, teraz gdy zmienilem konstrukcje dzieja sie takie kwiatki......
Stronke mozna zobaczyc tutaj, po wejsciu do projektow i klikniecu w sub-menu np 'architektura' a nastepnie po kliknieciu w ktorys z projektow ktory sie pojawi zostanie zaladowany plik gallery ktorego czesc kodu zostala przedstawiona powyzej, prosze o pomoc jak mozna poradzic sobie z tym problemem w ie ? Dla ie mam osobne style, ale ta czesc kodu jest wspolna i dla ie i dla innych przegladarek, moge spokojnie edytowac kod css tylko dla ie jesli bedzie to wymagane....
------------------------------------------------------------
Pogrzebalem troche w internecie i znalazlem przyczyne tego ze pod ie nie dzialaja funcke jQuery
Po pierwsze plik gallery.php ktory zawiera divy 'click_next' i 'click_prev' jest ladowany dynamicznie za pomoca funkcji $.load() jQuery a ie nie obsuguje zdarzenia 'click' dla ladowanych dynamicznie tresci,
Po drugie divy te maja background:transparent i ie nie obsluguje zdarzenia 'click' na przezroczystym background....a niestety te backgroundy musza byc przezroczyste bo inaczej nie bedzie widac zdjec w galerii......
Pol biedy, bo moge zaladowac te divy od razu przy ladowaniu strony ale jak zrobic zeby obsluzyc 'click' dla przezroczystego background pod ie ?
Moze ktos podpowie jak to rozwiazac dla ie ?