2011-04-12 30 views
0

我想在我的網站上安裝洛夫JSliderNews,一切運作良好,在圖片和標題都swicthing罰款的網址卻沒有。看起來他們總是指向最新的帖子。洛夫JSliderNews URL問題

我一直在四處尋找相當一段時間,但找不到任何解決辦法。有沒有人遇到過同樣的問題?

感謝您的幫助。

Lita

+0

請指定您的JSlider插件URL。 – 2011-04-12 09:03:07

+0

我正在使用編碼器之一 – Lita 2011-04-12 11:05:34

+0

這裏是鏈接http://landofcoder.com/demo/jquery/lofslidernews/index5.html – Lita 2011-04-12 11:05:59

回答

3

夥計。

我已經破解我的頭TRU表試圖找出問題,這是一個簡單的CSS錯誤。

檢查的style6.css(即裏面傳來的.zip文件),並檢查:

.lof - 主 - 項目 - 遞減{
的z-index:100像素; < < ---這一行是錯誤的。
position:absolute;
bottom:0px;
left:0px;
寬度:100%;
背景:網址(圖像/ bg_trans.png);
height:45px;
padding:10px;

}


替換它爲這樣:

.lof-主項-降序{
z索引:100;
position:absolute;
bottom:0px;
left:0px;
寬度:100%;
背景:網址(圖像/ bg_trans.png);
height:45px;
padding:10px;

}

(除去在z索引的像素)100之後,這就是是。

乾杯

CK。

2

利塔,

由於屬性「不透明度」不作鏈接隱藏,最後一個環節的「z-index的」高於它的兄弟姐妹,所以我們必須修改腳本設置的z-index。

原始腳本(在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; 
    } 

我已經通過這種方式解決了這個問題,希望這對你有幫助!