サポート » テーマ » テーマPitchでスライドのアニメーションを変更したい

  • 解決済 sp_assistant

    (@sp_assistant)


    配布元DEMO画面はこちら→http://demo.siteorigin.com/pitch/
    ダウンロードした自サイトはこちら→http://speciesnursery.com/wp/

    FLEXSLIDERというjQueryを使用して数種類のアニメーションで
    スライド表示させているようなんですが
    シンプルに次の写真がフェードインする効果だけにしたいです。

    jsファイルやcssファイルを見てもどこをどう変更させたら良いかわからず
    (そもそもそのフェードイン効果がどの単語かわかりません・・・)
    手詰まりになっております。

    ご教示頂けると幸いです、宜しくお願いいたします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • sp_assistantさん、こんにちは。

    自サイトのソースをみると、イメージスライダー部分は Nivo Slider を使用されていますね。
    現状のエフェクトはランダムになっているようなので、
    下記を参考にカスタマイズされてはいかがでしょうか。


    http://nivo.dev7studios.com/support/jquery-plugin-usage/

    トピック投稿者 sp_assistant

    (@sp_assistant)

    ありがとうございます、Nivo Silider参照しながら該当するエフェクトを
    全て’fade’に書き換えてみたのですが、何の反応もないため
    実際どのjsファイルで動いているのか、wp/wp-content/themes/pitch/js/
    下にあるjsファイルを一つ一つ削除して、実際のページにて動かなくなる
    jsファイルを見つけました。

    pitch.min.js

    jQuery(function(a){a(“#slider .nivoSlider”).nivoSlider({directionNav:!1,animSpeed:window.pitch.sliderAnimationSpeed,pauseTime:window.pitch.sliderSpeed,captionOpacity:0,beforeChange:function(){setTimeout(function(){var b=a(“#slider .nivoSlider”).data(“nivo:vars”);a(“#slider .indicators .indicator”).removeClass(“active”).eq(b.currentSlide).addClass(“active”)},50)}});a(“#slider .indicators .indicator”).each(function(b,c){a(c).click(function(){a(“#slider .nivoSlider .nivo-controlNav a”).eq(b).click();
    return!1})});a(“.home-loop”).each(function(){var b=a(this),c=0;b.find(“.nav .next”).click(function(){if(c>=b.find(“.post”).length-4)return!1;a(this).animate({opacity:0.6},100).animate({opacity:1},100);b.find(“.post-list”).animate({“margin-left”:-(245*++c)},”fast”);return!1});b.find(“.nav .prev”).click(function(){if(0==c)return!1;a(this).animate({opacity:0.6},100).animate({opacity:1},100);b.find(“.post-list”).animate({“margin-left”:-(245*–c)},”fast”);return!1})});a(“.comment .avatar-container .avatar”).each(function(){var b=
    a(this);b.closest(“.avatar-container”).css(“background-image”,”url(“+b.attr(“src”)+”)”);b.remove()});var d=function(){a(“.comment-reply-link”).hide();a(“.comment”).each(function(){var b=a(this);b.is(“:hover”)&&(!b.has(“.children”)||!b.find(“.children”).eq(0).is(“:hover”))&&b.find(“.comment-reply-link”).eq(0).show()})};a(“.comment .comment-reply-link”).hide().closest(“.comment”).mouseleave(d).mouseenter(d);a(“img.preload”).each(function(){var b=a(this).css(“visibility”,”hidden”);a.preload(a(this),
    {onComplete:function(){b.css(“visibility”,”visible”).hide().fadeIn()}})});a(“.flexslider”).flexslider({})});

    引き続きご助言頂けると幸いです、宜しくお願いいたします。

    sp_assistantさん、こんにちは。

    pitch.min.js ではなく、nivoのjsファイルを変更しないといけないと思います。

    実際にテーマを入れて確かめてみたのですが、
    下記を一度試していただけますか。
    変更内容は、デフォルトのエフェクトで設定されている random を fade に書き換えます。

    ■wp/wp-content/themes/pitch/js/nivo/jquery.nivo.slider.pack.min.js

    c.fn.nivoSlider.defaults={effect:”random”
     ↓↓↓
    c.fn.nivoSlider.defaults={effect:”fade”

    トピック投稿者 sp_assistant

    (@sp_assistant)

    ありがとうございます、上記のとおり書き直したら希望する表現になりました!

    色々とjquery.nivo.slider.pack.min.jsを削除して結果をテストしたり
    していたんですけども、このファイルで動作しているとはわかりませんでした・・・。
    すごく助かりました、本当にありがとうございました!

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「テーマPitchでスライドのアニメーションを変更したい」には新たに返信することはできません。