Hi LeMoNsZ
Finally… got it working 🙂
Look for:
function NivoHeader() {
?>
<script type="text/javascript">
$(function() {
$(".nivoSlider br").each(function(){ // strip BR elements created by WordPress
$(this).remove();
});
$('.nivoSlider').nivoSlider({
effect:'fade', //Specify sets like: 'random,fold,fade,sliceDown'
animSpeed:500, //Slide transition speed
pauseTime:3000,
startSlide:0, //Set starting Slide (0 index)
directionNav:true, //Next & Prev
directionNavHide:true, //Only show on hover
controlNav:true, //1,2,3...
controlNavThumbs:false, //Use thumbnails for Control Nav
controlNavThumbsFromRel:false, //Use image rel for thumbs
controlNavThumbsSearch: '.jpg', //Replace this with...
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
keyboardNav:true, //Use left & right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0.8, //Universal caption opacity
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){} //Triggers after all slides have been shown
});
});
</script>
and replace it with:
function NivoHeader() {
?>
<script type="text/javascript">
$(window).load(function() {
$(".nivoSlider br").each(function(){ // strip BR elements created by WordPress
$(this).remove();
});
$('.nivoSlider').nivoSlider({
effect:'fade', //Specify sets like: 'random,fold,fade,sliceDown'
animSpeed:500, //Slide transition speed
pauseTime:3000,
startSlide:0, //Set starting Slide (0 index)
directionNav:true, //Next & Prev
directionNavHide:true, //Only show on hover
controlNav:true, //1,2,3...
controlNavThumbs:false, //Use thumbnails for Control Nav
controlNavThumbsFromRel:false, //Use image rel for thumbs
controlNavThumbsSearch: '.jpg', //Replace this with...
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
keyboardNav:true, //Use left & right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0.8, //Universal caption opacity
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){} //Triggers after all slides have been shown
});
});
</script>
Hope this helps yours to work too 🙂
Take care.
