섀도우 기본 로딩 이미지 비활성화

섀도우 박스 기본 로딩 이미지를 비활성화 할 수있는 방법이 있습니까? 회사 로딩 이미지 만 표시해야합니다. 지금은 그림자 상자 로딩 이미지와 로딩 이미지를 보여줍니다.섀도우 기본 로딩 이미지 비활성화

#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}

출처

2013-01-04 Asif Alamgir

하하하 : P는 질문을 편집하여 몇 가지 코드를 추가하십시오

이제 선택기를 사용하여 이러한 특정 링크를 로딩 이미지로 다른 이미지를 적용 할 수있는 D –

는 사용자 정의 의미합니까 shadowbox.js 기본 로딩 이미지? –

shadowbox.css에 다음 줄에 background 속성을 편집하려면 쉐도우 사전로드 이미지를 사용자 정의하려면 감사 shadowbox.css에서 css 스타일을 지정하거나 요소에 대해 CSS 스타일을 오버라이드하여 #sb-loading-inner span

여기에 예 : 바이올린 : http://jsfiddle.net/qrMsL/1/

출처

2013-01-04 17:25:20

내가 제대로 질문을 이해한다면 당신은 이미지를 보여 주었다 변경할 수 있습니다

Shadowbox.open({ 
content:$("#load_image").html(), 
player:'html', 
width:250, 
height:100, 
options:{modal:true} 
});

는

출처

2013-01-04 17:31:45

내가 섀도 상자에 대한 CSS를 변경하면, 그것은 사이트의 사방에 적용됩니다 믿습니다. 사이트에서 특정 shadowbox를 원합니다. –

CSS를 수정하기위한 제안은 나쁘지 않습니다.

특정 링크에만 다른 이미지를 적용하는 것은 그리 어렵지 않습니다.

당신이 쉐도우 박스 내부에 특별한 클래스 명

사용이는 쉐도우 초기화 (I이 예에서는 "foo"를 사용합니다) 회사 로고를 갖고 싶은 곳 링크 보내기

Shadowbox.init(
       { 
        onOpen:function(){ 
          if($(Shadowbox.gallery[Shadowbox.current].link) 
           .hasClass('foo')){ 
            $('html').addClass('foo'); 
           } 
         }, 
        onClose:function(){$('html').removeClass('foo');} 
         } 
      );

그것을 클릭 한 링크에 특수 클래스 이름이 foo인지 확인합니다. 이 경우 클래스 이름이 <html> -element에 추가됩니다.

html.foo #sb-loading-inner span

출처

2013-01-09 20:58:35

지금은이를 확인할 수 없습니다. 우리는 이미 사이트를 시작했습니다. 나는 아마 다음 단계에서 그것을 고칠 것이고 나는 그것이 맞는지를 확증 할 것이다. 그러나 세부 답변은 +1입니다. 감사합니다. –

섀도우 기본 로딩 이미지 비활성화

답변

관련 문제