Javascript 如何在jquery插件中调用插件选项_Javascript_Jquery

Javascript 如何在jquery插件中调用插件选项

javascript jquery

Javascript 如何在jquery插件中调用插件选项,javascript,jquery,Javascript,Jquery,我当前正在使用以下插件：。我目前还不熟悉jquery和插件，所以我用这个简单的插件来锻炼我的能力。我注意到有一个选项可以使图片褪色，而不是滑动。我试图在我的网站上实现这一点，但不确定如何继续下去。这就是我到目前为止所做的： <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-widt

我当前正在使用以下插件：。我目前还不熟悉jquery和插件，所以我用这个简单的插件来锻炼我的能力。我注意到有一个选项可以使图片褪色，而不是滑动。我试图在我的网站上实现这一点，但不确定如何继续下去。这就是我到目前为止所做的：

<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<link rel="stylesheet" href="jQuery.Brazzers-Carousel.min.css">
<link rel="stylesheet" href="pgwslideshow.min.css">
 <script src="jQuery.Brazzers-Carousel.min.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="pgwslideshow.min.js"></script>

<style rel="stylesheet" type="text/css">
    body {
        <!--background: -webkit-linear-gradient(yellow, blue, yellow);
        -->
    }
</style>
</head>

<body>
<div class="col-sm-12" style="background-color:lavenderblush;">
Here are some cool jobs you can get with this degree:
<ul class="pgwSlideshow">
<li>
<img src="http://3vxsjq3roj103wlhf71jhh7t.wpengine.netdna-cdn.com/wp-content/uploads/2014/09/computer-nerd.jpeg"
alt="Software Engineer" data-description="Average salary: £37k">
</li>
<li>
<img src="http://www.alphasoftware.com/blog/wp-content/uploads/2015/08/Full-stack-Mobile-App-Developer-Job-in-LA.jpg" 
alt="Mobile Developer" data-description="Average salary: £33k">
</li>
<li>
<img src="http://waqas.club/wp-content/uploads/2014/11/web-developer-lahore.png" 
alt="Web Developer" data-description="Average salary: £24k">
</li>
<li>
<img src="https://sourcemaking.com/files/sm/images/architect.jpg" 
alt="Software Architect" data-description="£62k">
</li>
<li>
<img src="http://i2.cdn.turner.com/money/.element/img/1.0/sections/mag/moneymag/bestjobs/2010/snapshot/049_systems_engineer.ju.jpg"
alt="Systems Enginner" data-description="£40k">
</li>


</ul>
<script>
$(document).ready(function(){
        $(".thumb-item").brazzersCarousel();
        $(".pgwSlideshow").pgwSlideshow();
        transitionEffect:'fading';

});



</script>

</body>
</html>


引导示例
身体{
}
以下是你可以通过这个学位获得的一些很酷的工作：












$（文档）.ready（函数（）{
$（“.thumb项”）.brazzersCarousel（）；
$（“.pgwSlideshow”）.pgwSlideshow（）；
过渡效应：'衰退'；
});

我正在使用引导程序来制作页面的布局。长话短说，应该是这样的：

$(document).ready(function(){
        $(".thumb-item").brazzersCarousel();
        $(".pgwSlideshow").pgwSlideshow({
            transitionEffect:'fading'
        });    
});

您需要将选项作为函数参数的对象放置。

谢谢您的提示。成功了。你还知道如何覆盖插件的样式吗？我目前正在使用这个tooltiip插件：