テーマPitchでスライドのアニメーションを変更したい
-
配布元DEMO画面はこちら→http://demo.siteorigin.com/pitch/
ダウンロードした自サイトはこちら→http://speciesnursery.com/wp/FLEXSLIDERというjQueryを使用して数種類のアニメーションで
スライド表示させているようなんですが
シンプルに次の写真がフェードインする効果だけにしたいです。jsファイルやcssファイルを見てもどこをどう変更させたら良いかわからず
(そもそもそのフェードイン効果がどの単語かわかりません・・・)
手詰まりになっております。ご教示頂けると幸いです、宜しくお願いいたします。
-
sp_assistantさん、こんにちは。
自サイトのソースをみると、イメージスライダー部分は Nivo Slider を使用されていますね。
現状のエフェクトはランダムになっているようなので、
下記を参考にカスタマイズされてはいかがでしょうか。ありがとうございます、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”ありがとうございます、上記のとおり書き直したら希望する表現になりました!
色々とjquery.nivo.slider.pack.min.jsを削除して結果をテストしたり
していたんですけども、このファイルで動作しているとはわかりませんでした・・・。
すごく助かりました、本当にありがとうございました!
- トピック「テーマPitchでスライドのアニメーションを変更したい」には新たに返信することはできません。