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

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

新規登録して質問してみよう
ただいま回答率
87.20%
Visual Studio

Microsoft Visual StudioはMicrosoftによる統合開発環境(IDE)です。多種多様なプログラミング言語に対応しています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

解決済

スライサーに出来ない

yuri.s
yuri.s

総合スコア6

Visual Studio

Microsoft Visual StudioはMicrosoftによる統合開発環境(IDE)です。多種多様なプログラミング言語に対応しています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

2回答

0評価

1クリップ

332閲覧

投稿2022/01/07 16:37

編集2022/01/08 13:47

スライサーを作っているんですが、javascriptが反映されません。
ネットにあるコピペを元に作っていて
画像をいれるスライサーは出来ましたが、
画像を作る(wrapで画像を伸ばしてく)スライサーができません。
画像を4つ作ることはできたんですが、
色々試してもjavascriptが反映されないのはどうしてですか?

<div id="bg1"> <br> <div class="wrapper" style="margin: 0 0%"> <div> <div class="swiper-container"> <!-- メイン表示部分 --> <div class="swiper-wrapper"> <!-- 各スライド --> <div id="swiper"> <div class="col_2"> <div class="swiper-slide1"> <div id="swiperf"></div> <div id="swiperwrap"> <div id="container"> <div id="text9"> <strong>資産運用したいけど、<br> 何から始めれば良いか分からない…</strong><br> <br> ▼<br> <br> 各領域のスペシャリストが、<span style="background: linear-gradient(transparent 70%, #ffff7f 0%);"><strong>「明日から使える知識」</strong></span>を<br> 分かりやすく講義しています。テキスト上の知識だけで<br> はなく実際に<span style="background: linear-gradient(transparent 70%, #ffff7f 0%);"><strong>「経済的に豊かになる」ための知識が満載<br> です。</strong></span><br> <br> <img style="float:center" src="images/hito1.png"> </div></div></div> <div id="swiperl"></div></div> <div class="swiper-slide2"> <div id="swiperf"></div> <div id="swiperwrap"> <div id="container"> <div id="text9"> <strong>投資を始めたものの、安心感が持てない。<br> もっと良い方法を見つけたい</strong><br> <br> ▼<br> <br> <span style="background: linear-gradient(transparent 70%, #ffff7f 0%);"><strong>「お金の学び方」</strong></span>が分からない人のため、ステップごと<br> に学べます。幅広い分野をカバー(金融経済教育推進会<br> 議の金融リテラシーマップの則り構成)していますの<br> で、<span style="background: linear-gradient(transparent 70%, #ffff7f 0%);"><strong>「お金の知識ゼロ」の方でも体系的に知識を習得で<br> きるようになっています。</strong></span><br> <br> <img style="float:center" src="images/hito2.png"> </div></div></div> <div id="swiperl"></div></div> <div class="swiper-slide3"> <div id="swiperf"></div> <div id="swiperwrap"> <div id="container"> <div id="text9"> <strong>お金や経済の知識を体系的に身につけて、<br> 経済的な安心感を得たい</strong><br> <br> ▼<br> <br> 独自のカリキュラムによって、 <span style="background: linear-gradient(transparent 70%, #ffff7f 0%);"><strong>いつでも何度でも無制限に自分のペース</strong></span>で無理なく学ぶことが出来ます。<br> 動画による講義だけでなく、 <span style="background: linear-gradient(transparent 70%, #ffff7f 0%);"><strong>各分野の専門家により配信されるメールマガジン</strong></span>も受け取ることが出来ます。<br> <br> <img style="float:center" src="images/hito3.png"> </div></div></div> <div id="swiperl"></div></div> <div class="swiper-slide4"> <div id="swiperf"></div> <div id="swiperwrap"> <div id="container"> <div id="text9"> <strong>将来の漠然とした不安を無くし<br> いきいきと前向きに過ごしたい</strong><br> <br> ▼<br> <br> 定期的に更新されるお金や経済の最新ニュースの<br>解説講座を見ることで、 <span style="background: linear-gradient(transparent 70%, #ffff7f 0%);"><strong>常に知識、情報のアップデートをすることが出来る</strong></span>ので、<br> 先を見越した経済を学んでいくことが出来ます。<br> <br> <img style="float:center" src="images/hito4.png"> </div></div></div> <div id="swiperl"></div></div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="swiper-pagination"></div> </div></div></div> </div> <script> var mySwiper = new Swiper('.swiper-container', { spaceBetween: 10, slidesPerView: 3, loop: true, autoplay: { delay: 3000, stopOnLastSlide: false, disableOnInteraction: false, reverseDirection: false }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, pagination: { el: '.swiper-pagination', type: 'bullets', clickable: true } }); </script> </div></div> </div>
```.swiper-slide1 { background: url("../images/bg01.png") no-repeat top center; height: 688px; } .swiper-slide2 { background: url("../images/bg01.png") no-repeat top center; height: 688px; } .swiper-slide3 { background: url("../images/bg01.png") no-repeat top center; height: 688px; } .swiper-slide4 { background: url("../images/bg01.png") no-repeat top center; height: 688px; } /* 全体のスタイル */ .swiper-wrapper { width: 100%; height: 250px; } /* 全スライド共通スタイル */ .swiper-slide { color: #ffffff; width: 100%; height: 100%; text-align: center; line-height: 250px; }

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

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

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

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

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

m.ts10806

2022/01/07 23:09

>javasprict 細かいのですが、JavaScriptです(じゃば すくりぷと)
yuri.s

2022/01/08 13:47

ありがとうございます。修正しました!

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

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

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

同じタグがついた質問を見る

Visual Studio

Microsoft Visual StudioはMicrosoftによる統合開発環境(IDE)です。多種多様なプログラミング言語に対応しています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。