어떻게 내 수평 자바 스크립트 프로그램이 수직로드

Question

에 "점멸"중지받을 수 있나요

내 웹 사이트가

내가 자바 스크립트 프로그램 무료 뉴스 티커를 다운로드 wordswithfriends.net된다. 특히 느린 연결에서 로딩을 제외하고는 완벽하게 작동합니다. 모든 뉴스 시세 표시기 항목은 잠시 동안 일반 HTML 형식으로 세로로 표시됩니다. 원하는 동작은 항목을 스크롤 할 준비가 될 때까지 빈 뉴스 티커를 표시하는 것입니다. 그 클래스에 스타일 : 소스 코드는 모든 뉴스 항목에 클래스를 추가하고 '없음 표시'를 적용하려면 여기를

http://www.wordswithfriends.net/mytourney/widgets/min.js
http://www.wordswithfriends.net/mytourney/widgets/scroller.js

Answer 1

당신은 당신의 CSS이 추가 시도 할 수 :

#ticker01 { 
    display:none; 
} 

그리고 ul 위의 스크립트 태그에 한 번 더 라인 : 때문에 귀하의 질문에 제공하는 스파 스 정보

$(function(){ 
    $("ul#ticker01").show(); 
    $("ul#ticker01").liScroll(); 
}); 

Answer 2

시도이다. 문서 준비 이벤트에서 첫 번째 요소를 초기화해야 할 수도 있습니다. 이것은 모든 뉴스 항목의 초기 플래시를 제거해야합니다.

Answer 3

질문에서 제공하는 스파 스 정보로 인해 불행하게도

, 그리고 뉴스 항목이 들어있는 div가 스크롤 할 수있는 scroller.js 스크립트의 소스 코드에서이 classtickercontainer 있습니다.

합니다 (DOM이 준비가되면) 나는 단지이 div가로드 된 후에는 classtickercontainer와 div 내부의 새 항목이 페이지에있는 다른 모든 것들과 함께로드되는 것을 가정 할 수는 scroller.js 스크립트의 스타일 div을 수행하고 그것입니다 내용을 읽고 시세를 시작하십시오.

난 당신이 처음에 HTML의 head 태그 내에서 style 태그, 또는 외부 CSS 파일 및 scroller.js 스크립트 일단 하나 hidden 또는 none에 tickercontainer의 visibility 또는 display 스타일을 설정 제안은에 사용 jQuery를 초기화하고있다 visibility 또는 display 스타일을 visible 또는 block으로 설정하십시오.

귀하가 찾고자하는 것이 아닌 경우 귀하의 질문을 펼치십시오. 답변을 위해 최선을 다할 것입니다.

Answer 4

불행하게도, scroller.js 스크립트의 소스 코드에서 스크롤 할 뉴스 항목이 포함 된 div에는 tickercontainer 클래스가 있습니다.

tickercontainer 클래스가있는 div 안에있는 새 항목은이 div가로드 된 후에 (DOM 준비가되었을 때만) 페이지의 다른 모든 항목과 함께로드된다고 가정 할 수 있습니다. scroller.js 스크립트 스타일 div 그리고 내용이고 시세를 시작하십시오.