내 웹 사이트에 Lof JSliderNews를 설치하려고하는데 모든 것이 잘 작동합니다. 사진과 제목은 괜찮지 만 URL은 그렇지 않습니다. 그들은 항상 최신 게시물을 가리키는 것처럼 보입니다.Lof JSliderNews URL 문제
나는 꽤 오랫동안 주변을 둘러 보았지만 해결책을 찾지 못했습니다. 누구도 같은 문제가 발생 했습니까?
도움 주셔서 감사합니다.
리터
내 웹 사이트에 Lof JSliderNews를 설치하려고하는데 모든 것이 잘 작동합니다. 사진과 제목은 괜찮지 만 URL은 그렇지 않습니다. 그들은 항상 최신 게시물을 가리키는 것처럼 보입니다.Lof JSliderNews URL 문제
나는 꽤 오랫동안 주변을 둘러 보았지만 해결책을 찾지 못했습니다. 누구도 같은 문제가 발생 했습니까?
도움 주셔서 감사합니다.
리터
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.
리타,
속성 '불투명도'링크 숨겨진, 마지막 링크의 '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;
}
, 그것은 당신에게 도움이 소원!
JSlider 플러그인 URL을 지정하십시오. –
코더의 땅 하나를 사용하고 있습니다 – Lita
여기 링크 http://landofcoder.com/demo/jquery/lofslidernews/index5.html입니다. – Lita