2014-01-31 40 views
2

我正在使用Yii開發一個web應用程序。我在我的首頁設置了一個輪播視圖(這個漫畫是一個名爲引導程序的Tbcarousel的小部件)想讓它點擊,即當我點擊輪播圖像時,它應該轉到網頁,我嘗試了下面的代碼,但是不用找了。歡迎有用的想法。Yii TbCarousel onclick鏈接

 array('image'=>'images/2.png', 'label'=>'', 
     'caption'=>' ', 
     'url'=>'www.fortishealthcare.com', 
     'src' => 'http://www.fortishealthcare.com',    
     'linkOptions' => array(
     'title' => 'Yii Booster', 
     ), 
+0

您是否需要目標網址常量?是指每張圖片的頁面應該重定向到同一頁面? –

+0

實際上對於所有圖像都不相同。 – user1799171

回答

2

我認爲Tbcarousel不提供這樣的設施,但你可以輕鬆地做到這一點。可能還有其他可能的方式,但我認爲我認爲這很容易。
首先將此代碼添加到Tbcarosel

array('image'=>'images/2.png', 'label'=>'', 
     'caption'=>' ', 
     'src' => 'http://www.fortishealthcare.com',    
     'title' => 'Yii Booster', 
     'imageOptions' => array('id'=>'www.fortishealthcare.com') 
     ), 

現在你可以使用jQuery。默認情況下Tbcarousel使用類carousel-inner。其內部項目使用類別item。 你可以寫這個jQuery這樣的代碼

$(".item").click(function(){ 
    selectedImage = $(this).find('img'); 
url=$(selectedImage).attr('id'); 
window.location =url; 
    }); 

由於圖像的ID是您請求的網址,以便將頁面重定向到URL。

+0

謝謝它有效問題解決! – user1799171