2011-09-08 21 views
0

我工作的這個網站:jQuery的週期標題來顯示選定的div

www.dimitrinube.com/work/a2bc_beta1

,你可以看到,一旦加載,有是一個jQuery循環預覽項目。如果您單擊菜單中的項目部分,它將進入項目列表,並且當您單擊一個項目時,它將打開。

在舊版本中,每個項目都存儲在不同的html頁面中。現在,我做了一個帶有隱藏div的單頁面佈局。

我不能再做的工作是在循環插件下的項目預覽下面的標題。

在舊版本有:

$('#s2').cycle({ 
fx: 'scrollHorz', 
speed: 500, 
timeout: 0, 
next: '#next2', 
prev: '#prev2', 
after: function(){$('#caption').html("<a href=" + this.alt + ">" + this.title + "</a>");} 
}); 

,但現在,我必須將它鏈接到每個項目的隱藏層:例如,這裏是一個隱藏的div:

<div class="content_pr" id="tab3"> 
<img src="img/projects/carcano/1.jpg" > 
<img src="img/projects/carcano/2.jpg" > 
<img src="img/projects/carcano/3.jpg" > 
<img src="img/projects/carcano/4.jpg" > 
<img src="img/projects/carcano/5.jpg" > 
<img src="img/projects/carcano/6.jpg" > 
<img src="img/projects/carcano/7.jpg" > 
<img style="margin-bottom:0px" src="img/projects/carcano/8.jpg" > 
</div> 

由id標識;與這段代碼項目部分工作:

//Handler Menu Progetti 
function openTab(tab){     
$(tab).fadeTo(2000, 1); 
} 

$("#projects_tab a, #caption").click(function(){     
selectedTab = this.href.substr(this.href.indexOf('#')); 
openTab(selectedTab); 
$("#projects_tab").hide(); 
$("#projects_b").removeClass('active'); 
}); 

我怎麼能修改字符串jquery的循環一段代碼後,使奇蹟發生?謝謝 ! :)

+0

廣東話不太明白是什麼問題:( –

+0

我不得不使項目預覽幻燈片下面的文字說明實際上鍊接到項目股利.....在項目部分呢。:) –

回答

0

我已經成功地解決了這個問題,但它並不是完美的:

function openTab(tab){     
$(tab).fadeTo(2000, 1); 
} 

$('#s2').cycle({ 
fx: 'scrollHorz', 
speed: 500, 
timeout: 0, 
next: '#next2', 
prev: '#prev2', 
after: function(){$('.caption').html('<a href=' + this.alt + '>' + this.title + 
'</a>');} 
}); 

$('#projects_tab a,.caption a').click(function(){     
selectedTab = this.href.substr(this.href.indexOf('#')); 
openTab(selectedTab); 

//$("#projects_tab").animate({right: '-700'}, 1000); 
$('#projects_b').addClass('active'); 
$("#projects_tab").hide(); 
$("#content").hide(); 
}); 

這是我現在使用的代碼,但它不工作的所有時間。任何線索爲什麼?以下是當前版本的網站:

www.dimitrinube.com/work/a2bc_beta2