質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

スライダー

GUIのグラフィカルウィジェットのひとつです。インジケーターを動かすことで値を調節可能とします。

Q&A

0回答

785閲覧

smart custom fieldsで設定したスライダーの画像がIEだけ表示されません。

imanishi7

総合スコア8

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

スライダー

GUIのグラフィカルウィジェットのひとつです。インジケーターを動かすことで値を調節可能とします。

0グッド

0クリップ

投稿2020/07/10 11:30

編集2022/01/12 10:55

こちらのサイトのメインビジュアル部分なのですが、テキストは表示されますが、画像が表示されません。
http://nature-kit.com/lucia/

sliderはuikitで作っています。
以下にコードを記載しました。

<div class="mainvisual" uk-slider="autoplay: true"> <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1"> <ul class="uk-slider-items uk-grid uk-grid-match" uk-height-viewport="offset-top: true; offset-bottom: true"> <?php $field_group = SCF::get( 'gp_mv', 278 ); foreach ( $field_group as $fields ) { ?><li class="uk-width-1-1"> <div class="uk-cover-container"> <img uk-cover src="<?php $image = get_post_meta($post->ID, 'pic_mv', true); echo wp_get_attachment_image($fields['pic_mv'], 'full'); ?>" alt="Secial Course">
<div class="uk-position-bottom-center uk-panel message"><?php echo ($fields['txt_mv']); ?> </div> </div> </li><?php } ?> </ul>

<a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
<a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slider-item="next"></a>

</div> <ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin uk-position-bottom-center uk-position-small"></ul> </div>

どなたか、わかる方、教えてください。
よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2020/07/10 18:28

(質問文は編集できます)質問文のコードはコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問