مشکل با افکت box Rain در nivoslider

[ramtin_b]

سلام بچه ها وقت همگیتون بخیر..........
یه سوال داشتم........من از nivo برای اسلاید شو توی کارام استفاده میکنم..........ولی با افکت سری box Rain مشکل دارم.....یعنی مثلا موقعی که میخواد بره تو اسلاید بعدی به جای اینکه به اصطلاح مربع مربع بره اسلاید بعدی.....دچار مشکل میشه......و به جای اینکه مربع ها از یه گوشه ریخته بشن.......خیلی ناجور لود میشه........یعنی کلا افکت میترکه.......ولی بقیه افکتها مشکلی نداره......ممنون میشم اگه بتونید کمکم کنید

 

[eAmin]

خب شما کدهاتون رو قرار ندادید ببینیم مشکل دقیقا" چی هست.
با مرورگرهای دیگه هم کدهاتون رو تست کردید؟ در مثالهایی که درسایت سازنده ی این پلاگین آورده شده همین مشکل وجود داره؟
اگر با بعضی از مرورگرها این مشکل پیش میاد، دلیلش ممکنه پشتیبانی نکردن بعضی از قابلیتهای js/css باشه.

 

[Maryam.20]

منم با این اسلایدر یه مشکل دارم اونم اینه که نمیشه افکتهاشو اختصاصی کنم مثلا میخوام فید باشه ولی هرچی تو قسمت fn.nivoSlider.defaults از فایل jquery.nivo.slider میزنم همون رندم رو نمایش میده. لیست افکتهایی هم که من پیداکردم اینهاست اما هر کدومو که میزنم بازم رندم نمایش میده...
slice Down
sliceDownLeft
sliceUp
sliceUpLeft
sliceUpDown
sliceUpDownLeft
fold
fade
random
slideInRight
slideInLeft
boxRandom
boxRain
boxRainReverse
boxRainGrow
boxRainGrowReverse

 

[eAmin]

شما قسمت effect به این صورت مینویسید؟

$('#slider').nivoSlider({
    effect:'fade',
    slices:12,
    animSpeed:500,
    pauseTime:3000
});

 

[Maryam.20]

سپاس از محبت شما.
من نمونه فایل و نمونه کدی که استفاده کردم رو براتون گذاشتم.

//Default settings
    $.fn.nivoSlider.defaults = {
        effect: 'random',
        slices: 15,
        boxCols: 8,
        boxRows: 4,
        animSpeed: 2000,
        pauseTime: 6000,
        startSlide: 0,
        directionNav: true,
        directionNavHide: true,
        controlNav: true,
        controlNavThumbs: false,
        controlNavThumbsFromRel: false,
        controlNavThumbsSearch: '.jpg',
        controlNavThumbsReplace: '_thumb.jpg',
        keyboardNav: true,
        pauseOnHover: true,
        manualAdvance: false,
        captionOpacity: 0.8,
        prevText: 'Prev',
        nextText: 'Next',
        beforeChange: function(){},
        afterChange: function(){},
        slideshowEnd: function(){},
        lastSlide: function(){},
        afterLoad: function(){}
    };

در قسمت اصلی سایتم هم که دارم از اسلایدر استفاده میکنم کدی که این پایین هست رو گذاشتم:

    $(window).load(function() {
        $('#slider').nivoSlider();
    });

میتونید تو سایت زیر ببینیدش:
http://www.houseofcars.ir/

 

[eAmin]

از این کد در صفحه ی اصلی خودتون استفاده کنید:

$(window).load(function() {
    $('#slider').nivoSlider({
        effect:'fade'
    });
});

 

[Maryam.20]

خیلی ممنونم از راهنماییتون. درست شد
اگه بخوام مثلا دوتا از افکتها باشه فقط یا سه تا (همش نباشه مثل رندم ... خودم انتخاب کنم!) باید کد رو چطور وارد کنم؟

 

[eAmin]

شما اگر مستندات پلاگین رو بخونید خیلی بهتون کمک میکنه!
به اینصورت:

effect:'fade, boxRain, [COLOR=black]fold[/COLOR]'