JavaScript
こんな感じでタブで選んで中身のコンテンツを入れ替えたい。 わかりづらいがこの上がタブで、下がコンテンツ。 しかも、そのタブは上下にあり、どちらでも中身のコンテンツを入れ替えられる。 ↓下 つまり、 こういう感じ。 で、問題なのは、 ・このコンテン…
slick - the last carousel you'll ever need なんと、初期設定で、 pauseOnFocusとpauseOnHoverがtrueになっている。 なので、初期設定ではそのスライダーにフォーカスした時（フォーカスした時ってなんなのですかね、ホバーとなにが違うのか）と、スライダ…
www.websuccess.jp この記事が参考になる。 .header { position: fixed; top: 0; min-width: 1000px; } みたいに固定されててmin-width指定してあると、min-width下回ると普通のコンテンツは横スクロール出来るが、fixedのコンテンツは出来ない。なので、fix…
当たり前かもしれないけど、上手く動かないときのエラーを見つけるの、明確なエラーとか出てなかったらどうしようもないんですよね。 最近だとjson読み込んでJavaScriptで生成する部分があったのだけど、そこでうまくいっていないのか、その生成をスライダー…
新卒フロントエンドエンジニアなのですが、いまだにDOMって何か説明できません。 developer.mozilla.org Document Object Model。いやわからん。 eng-entrance.com あーなるほど？ノードって言葉はなんとなくわかる。 qiita.com なんかWebサイト作る際に使う…
github.com $("img.js-top-img:nth-of-type(1), img.js-top-img:nth-of-type(2), img.js-top-img:nth-of-type(3), img.js-top-img:nth-of-type(4), img.js-top-img:nth-of-type(5)").delay(delayNum).queue(function () { // スライド $("img.js-top-img:nth…
www.tam-tam.co.jp www.tam-tam.co.jp www-creators.com kigiroku.com qiita.com ここらへんが参考になります。 今回は、URLの末尾に ?init=3と入っていたときに、それを取得する方法について。 jQueryで書いてます。 // クエリ取得 init=3 ?以降（2文字目以…
<img class="imgBackgroundSize imgTop js-imgTop" src="./img/img1.jpg"></img> <img class="imgBackgroundSize imgTop js-imgTop" src="./img/img2.jpg"></img> <img class="thumnail imgBackgroundSize" src="./img/img1.jpg"></img> <img class="thumnail imgBackgroundSize" src="./img/img2.jpg"></img> のような感じで、複数箇所…
idotdesign.net jQueryで疑似要素（:afterとか）を変えたいとき。でも疑似要素はjQueryから指定できません。そういうときはClassのつけ外しで対応しましょう。 .imgOnGreen::before { background-color: rgba($color: #26c52e, $alpha: 0.5); position: abso…
jQueryで関数を作って、他のところで呼び出すときの注意。 teratail.com この記事に似ています。 function changeImg(imgNum) { } って関数を作ります。 で、この関数をクリックで呼びます。 $(".thumnail").click( changeImg(1); ); でいけると思ってたんで…
qiita.com techacademy.jp まずつまずいたのはJavaScriptをjQueryで書いてもなぜか動かない。 →これはHTMLでJSの読み込み順序を間違えていて、 jQueryを読み込んでから自分のJSを読み込まないとjQueryを使えない。 $(function() { } ってjQueryで書くのはな…
