Date().getTime();if(instance.group.length<2||current.opts.wheel===!1||(current.opts.wheel==="auto"&&current.type!=="image")){return}e.preventDefault();e.stopPropagation();if(current.$slide.hasClass("fancybox-animated")){return}e=e.originalEvent||e;if(currTime-prevTime<250){return}prevTime=currTime;instance[(-e.deltaY||-e.deltaX||e.wheelDelta||-e.detail)<0?"next":"previous"]()})}})})(document,jQuery);制作メモとか、趣味とか、雑記。2021.10.05触りだけ。組む動かすオプション関係やりたいこと1ページにつき複数枚の要素を配置したスライドショーを作りたい。カスタマイズすればなんとかなるよってものもあるんだけど、正攻法じゃない感じばっかり目についたんで何かないかと探したら「splide.js」にたどり着いた。英語読めないし、そんなに専門的な知識もないし、参考記事が少ないので苦労した。前提サーバーにインストールしないで、CDNで組む。errorssplidejs.com準備jsとcssを読み込む。本家がCDNに上げてくれてるので、それをそのまま使う。src="https://cdn.jsdelivr.net/npm/@splidejs/splide-extension-grid@latest/dist/js/splide-extension-grid.min.js"></script>本体と、拡張機能でグリッド構成ができるやつを読み込む。<head>に突っ込んでOK。</div></div><ul>は<div>でも構わないけど、classは維持する。外側の.splideがトリガーになるんで、同一ページ上に複数設置したい場合は識別できるようにclassとかidを足す。</script>これで1ページに画像を3*3で配置したスライドが完成する。dimensionsの中をいじれば各ページの配置を変更できる。配置した要素と数が合わないと崩れるんで、凝ったことしたい場合はちゃんとやらないといけないです。表示できる環境が整ったんで、オプションをいじる余裕が生まれる。https://splidejs.com/options/splidejs.com動けば作例を見て、試して、理解ができるようになる。純粋なJSとCSSのみで書かれているスライダー/カルーセルです。...iwb.jp英語ができない人のために、例えばこんな感じ。//max-widthを指定。小数点以下の数値も動作。</script>最低限のやりたいことができたので今回は良しとする。WEB[.htaccess]ssl(https://)に固定する方法.htaccessで非SSLのアクセスをSSLに促すやつ。知らない人いるんだろうか。WEB[wp]ページが存在しない場合(404)の処置案そういえばである。WEB[css/js]よく使うCSS、js初期設定メモ自分用。WEBリンクメモてきとーに。コメントをキャンセルメールアドレスが公開されることはありません。※サイトΔホームWEBスポンサーリンク掲載内容について内容をパクる場合は自己責任でお願いします。内容が古い場合、環境が変わって通用しないことがあります。記事の内容は最適解ではなく、作成時点においての筆者の理解の限界であることが多々あります。修正やそもそもの宗旨替えは不定期に行われるため、活用される場合はご注意ください。Highlighterがいよいよダメっぽいので、プラグインを変更しました。古い記事は表示が壊れてるものがあります。楽天Room主に釣具とか。transaction")},s.open("GET",d,!0),s.setRequestHeader("dlm-xhr-request","dlm_XMLHttpRequest"),s.send()}}タイトルとURLをコピーしました。