현재 XE에서 로그인창 즉 모달창을 이용해 메뉴를 만들고 있는데요.

새로띄워주는 div 레이어의 display:none 를 jQuery 명령어로 none-> block 할때에만 특정 jQuery 가 적용이 안되는 경우가 있습니다.

구현하려는 jQuery 는

http://www.sohtanaka.com/web-design/examples/image-slider/

이것을 참고하시면 되는데요. 마우스 우클릭 소스보기로 보면 모든 소스가 나와있습니다.

간단하게 소스분석을 하면 이미지가 4장이라면 이미지가 4장인것을 읽고, 이미지의 각 가로 크기를 읽어서 가로*갯수로 전체 길이를 읽은후

각 그림이 슬라이딩될때마다 레이어의 전체길이를 "left:-전체길이" 이렇게 배치함으로써 좌우로 슬라이딩 되는 효과입니다..

문제는 이렇게 처음부터 display:block 이거나 페이지를 다읽을땐 바로 창이 띄워지지만

XE에서 쓰는방식인 display:none 상태에서 특정 메뉴클릭시 onclick=jQuery(#DIV아이디).css('display','block') 창을 띄워주면

슬라이딩이 되지않습니다.

그 원인을 테스트 해봤을때 div 태그안에 img 태그들이 좌우로 배열이 되야하는데 상하로 배열이 됩니다.(jQuery.css의 block 옵션이 하위div 객체에도 적용이 되는건지 궁금합니다.)

이같은 결과는 현 XE에서 사용하는것이 아닌 jQuery플러그인 중에 thinkbox  iframe 이용할때에도 똑같은 증상이 나타납니다.

이제 jQuery'를 공부한지 얼마안되는 초보라 8시간넘게 고민고민해서 여기까지 찾아냈는데....더이상 진전이 안되고 있습니다..

XE브레인분들의 조언 부탁드립니다.