2011-04-12 5 views
0

내 웹 사이트에 Lof JSliderNews를 설치하려고하는데 모든 것이 잘 작동합니다. 사진과 제목은 괜찮지 만 URL은 그렇지 않습니다. 그들은 항상 최신 게시물을 가리키는 것처럼 보입니다.Lof JSliderNews URL 문제

나는 꽤 오랫동안 주변을 둘러 보았지만 해결책을 찾지 못했습니다. 누구도 같은 문제가 발생 했습니까?

도움 주셔서 감사합니다.

리터

+0

JSlider 플러그인 URL을 지정하십시오. –

+0

코더의 땅 하나를 사용하고 있습니다 – Lita

+0

여기 링크 http://landofcoder.com/demo/jquery/lofslidernews/index5.html입니다. – Lita

답변

3

Dude.

나는이 문제를 알아 내려고 테이블에서 진실을 깨뜨렸으며 간단한 CSS 실수입니다.

(.zip 파일 내부에 제공된)을 style6.css에 확인하고 그 확인 :

.lof 메인 항목-내림차순 {
Z- 색인 : 100 픽셀; < < ---이 줄이 잘못되었습니다.
위치 : 절대;
하단 : 0px;
왼쪽 : 0 픽셀;
너비 : 100 %;
배경 : url (images/bg_trans.png);
높이 : 45px;
패딩 : 10px;

}


이 그것을 바꾸

.lof 메인 항목-내림차순 {
Z- 색인 : 100;
위치 : 절대;
하단 : 0px;
왼쪽 : 0 픽셀;
너비 : 100 %;
배경 : url (images/bg_trans.png);
높이 : 45px;
패딩 : 10px;

100 이후 }

(Z- 인덱스의 픽셀을 제거) 그리고 그이다.

건배

CK.

2

리타,

속성 '불투명도'링크 숨겨진, 마지막 링크의 'Z-지수는'그 형제를 초과하지 않는다, 그래서 우리는 Z- 인덱스를 설정하는 스크립트를 수정해야하기 때문에.

원본 스크립트 (lofslidernews/js/script에 있음).JS) :

fxStart:function(index, obj, currentObj){ 
      if(this.settings.direction == 'opacity') { 
       $(this.slides).stop().animate({opacity:0}, {duration: this.settings.duration, easing:this.settings.easing}); 
       $(this.slides).eq(index).stop().animate({opacity:1}, {duration: this.settings.duration, easing:this.settings.easing}); 
      }else { 
       this.wrapper.stop().animate(obj, {duration: this.settings.duration, easing:this.settings.easing}); 
      } 
     return this; 
    } 

는 다음 스크립트로 교체 :

나는이 방법으로이 문제를 해결 한
fxStart:function(index, obj, currentObj){ 
      if(this.settings.direction == 'opacity') { 
       $(this.slides).css('z-index',-1).stop().animate({opacity:0}, {duration: this.settings.duration, easing:this.settings.easing}); 
       $(this.slides).eq(index).css('z-index',10).stop().animate({opacity:1}, {duration: this.settings.duration, easing:this.settings.easing}); 
      }else { 
       this.wrapper.stop().animate(obj, {duration: this.settings.duration, easing:this.settings.easing}); 
      } 
     return this; 
    } 

, 그것은 당신에게 도움이 소원!