Cufon Text Disappear in jcarousel
Iam implementing cufon on infinite carousel. The problem is that when carousel dynamically generates next loop cufon d开发者_开发问答ont shows there in that loop. Is there any fix? and Is there any way to implement cufon on dynamically generated text?
Here is the Demo link
http://hashmatabbas.zxq.net/demo/
click on right button and after two scrolls the cufon disappears
Try to use Cufon.replace instead Cufon.refresh
jQuery(".jcarousel-next, .jcarousel-prev").click(function() {
Cufon.replace(".box_desc h3");
})
Edit the jquery.jcarousel.js and add
Cufon.refresh(".your class here");
within the next & previous functions.
So for example, currently on 06/28/11 I'm using Version: 0.2.8 from http://sorgalla.com/jcarousel/ the code you want to modify starts on line 455, see sample below:
/**
* Moves the carousel forwards.
*
* @method next
* @return undefined
*/
next: function() {
if (this.tail !== null && !this.inTail) {
this.scrollTail(false);
} else {
this.scroll(((this.options.wrap == 'both' || this.options.wrap == 'last') && this.options.size !== null && this.last == this.options.size) ? 1 : this.first + this.options.scroll);
Cufon.refresh(".your class here");
}
},
/**
* Moves the carousel backwards.
*
* @method prev
* @return undefined
*/
prev: function() {
if (this.tail !== null && this.inTail) {
this.scrollTail(true);
} else {
this.scroll(((this.options.wrap == 'both' || this.options.wrap == 'first') && this.options.size !== null && this.first == 1) ? this.options.size : this.first - this.options.scroll);
Cufon.refresh(".your class here");
}
},
You need to trigger Cufon.refresh();
like so:
jQuery(".jcarousel-next, .jcarousel-prev").click(function() {
Cufon.refresh(".box_desc h3");
})
精彩评论