スーパーjQueryのプラグイン:::::::::>
<script type="text/javascript">
jQuery(function($){
$.supersized({
// Functionality
slide_interval : 8000, // Length between transitions
transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 1300, // Speed of transition
// Components
slide_links : 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
slides : [ // Slideshow Images
{image : './lib/images/photos/image1.jpg'},
{image : './lib/images/photos/image2.jpg'},
{image : './lib/images/photos/image3.jpg'},
{image : './lib/images/photos/image4.jpg'}
],
bullet: "bullet",
bullet_active: "active",
bullet_main: "bullet-main",
bullet_main_active: "active",
bullet_main_second: "bullet-main-second1",
bullet_main_second_active: "active2"
});
});
</script>
bullet_main_second_active NAVのアンカーをクリックすると上の1を変更私は超大型jQueryのスライダープラグインを使用しています
で作業されていません。 "active2"はACTIVE ANCHORです。
CUFONが移行後に動作しないという問題がありました。バグがあります。その前のアンカーは非アクティブです。前のアンカーにホバーした後、それがデフォルトに色を変更...デフォルトのフォントファミリに細かい作業 スライダープラグイン....そのcufonバグ
<script type="text/javascript">
Cufon('.block-right a h1');
Cufon.replace('#nav li a');
Cufon.replace('#rightcaption a', {
hover: {
color: '#f04037'
}
});
Cufon.replace('ul.tabNavigation li a', {
hover: {
color: '#FFF'
}
});
</script>
CSS :::::::::::: :>
#rightcaption {
float:right;
padding-top:25%;
font-size:14px;
color:#b5b5b5;
margin-right:40px;}
#rightcaption a {
background:url(../images/bullet1.png) no-repeat right 8px;
height:8px;
color:#b5b5b5;
font-size:14px;
margin:0 0 5px 0;
padding:4px 40px 13px 13px;
display:block;
text-align:right;}
a.active2 {
background:url(../images/bullet2.png) no-repeat right 8px #FFF !important;
margin:0 20px 5px 0;
color:#f04037;
font-size:14px;
padding:4px 40px 13px 13px !important;
display:block;}
IMG :::::::::::::::::> http://i.stack.imgur.com/lyjvw.png