2014-01-31 42 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