jQuery・js・PHP 楽天やヤフーストアの新着情報などに使えるカルーセルスライダー「slick」の便利なオプション
レスポンシブデザインで便利なスライダー「slick」、楽天やヤフーショッピングなどの新着などでカルーセルとして使う場合の便利なオプションをまとめてみました。 ※CDNでの導入方法は過去記事を参考にしてください。 流れるように動かす 画面サイ...
jQuery・js・PHP
jQuery・js・PHP Bootstrap4 レスポンシブで使うカルーセルスライダーなら「slick」が便利
レスポンシブで使うカルーセルスライダーならシンプルな「slick」がおすすめです。 ダウンロードサイト ※「Download Now」はリンク切れの場合は「View On Github」からダウンロードが可能。 今回はヤフーショッピングサイ...
jQuery・js・PHP 設置がとても簡単になった画像拡大スクリプト「Lightbox2」
サムネイル画像(縮小画像)がクリックされた際に、その場で拡大画像を表示させるスクリプト、定番は「Lightbox」。昔はいろいろ設置が面倒だったんですがCDNの利用が広まりとっても簡単になりました。 CDNの読み込み ダウンロードはこちら ...
Bootstrap4 ひとつでほとんど対応できるスライダー「Swiper.js」
スライダーはいろいろなものがありますが現在一番便利なのは「Swiper.js」、jQueryに依存しないといのが素晴らしい。 いろいろなフレームワークを使う現在jQueryに依存しないというのはトラブルが少なく、パラメータが豊富でシンプルな...
jQuery・js・PHP 静的なページにメールフォームを設置する
サイトに必ず必要なお問い合わせフォーム、ワードプレス（WordPress）サイトならば鉄板の「Contact Form 7 」というプラグインを使えば簡単に設置できます。 問題は静的なページの場合です、サーバー側で用意されていればいいんです...
jQuery・js・PHP fadeMoverの競合
サイト訪問時や、リンク先ページに移動する際にフェードイン・フェードアウト効果をつけてくれる「jquery.fadeMover」 BLOG、FACEBOOKなどを別窓で開きたい場合でも同じ窓で開いてしまう場合の対処方法 class="nonm...