0

flexslider v2.0 の「見えないナビゲーション機能」に関する回答を探していましたが、正確な質問にオンラインで回答するものは見つかりませんでした。おそらく、基本的なスライダーをページに追加するのは簡単なはずだからです。=/

いずれにせよ、私のスライダーが「次へ」と「前へ」のコントロールを表示しない理由を誰かが明らかにしてくれることを願っています。

woothemes が提供する 3 つの手順に従い、bg_direction_nav.pngファイルを「images」フォルダーに追加しました。

奇妙なことに、コントロールがあるはずの領域にカーソルを合わせると、クリックして画像を切り替えることができるので、画像が存在することがわかりますが、表示されません。

CSSは次のとおりです。

.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 1 !important; right: 5px;}
.flexslider:hover .flex-prev {opacity: 1 !important; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

他に何か提供する必要がある場合はお知らせください。

4

2 に答える 2

2

同じ問題。グラフィックの .png をフォント ファイルに置き換えたことを発見しました。ダウンロードに含まれるフォント ディレクトリをサーバーにコピーします。CSS でパスをリマップします。「/」を src:url('fonts/flexslider-icon.eot'); に追加する必要がありました。'fonts...' の前に src:url('/fonts/flexslider-icon.eot'); 今では魅力のように機能します。

于 2013-11-09T20:43:52.257 に答える