ich supersized jQuery slider Plugin bin mit derCufon arbeitet nicht mit überdimensionalen Schieber
Rießig jQuery Plugin :::::::::>
<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 ein auf Klick NAV Anker zu ändern: "active2" ist ACTIVE ANCHOR.
Jetzt Problem ist CUFON funktioniert nicht in nach dem Übergang .. Es ist ein Bug ... es ist nicht deaktiviert vorherigen Anker. nach Hover auf sie vorherigen Anker die Farbe ändern, auf die Standard ... Slider Plugin funktioniert gut auf Standard-Schriftfamilie .... its cufon Bug
<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