Slide Gen

Slide Genについて

Slick.js公式サイト

Slick.jsすごい便利！だけど、HTMLコードを書くのは初心者には難しいですよね。
そんな初心者にも是非使ってもらいたいので、簡単にHTMLとJavascriptのソースを出すジェネレーターを作ってみました。

カラーミーショップのフリースペースを利用してスライドショー実装しようとした時、改行がbrタグに変換される事があったので、改行抜きでソースを生成してくれるものが欲しかったので作ってみました。

画像の内部文字＝Altに入れる文字なので、SEO気にされる方は入れてみてください。

外部リンクにチェックを入れると、画像クリックで別ページに飛ぶように設定してます。

他にもいろいろオプションあるのでいろいろ設定してみてください。

※Version: 1.6.0を使用してます。

使い方

1.使用した画像URL、リンク先、画像内部文字をそれぞれ入力
2.外部リンクにしたい場合はチェックを入れる
3.HTML生成ボタンをクリック
4.ソースコードが生成される
実行結果のスライドも表示するようにしてあるので、おためしください。

推奨環境

・最新のGoogle Chromeつかってね。
・貼りつけるのはutf-8がいいと思うよ。
・javscriptオンにしようね
・SSL対応してないから個人情報気にする人は使わないでね。

何か要望とかそういうの

何かメッセージ送りたいならお問い合わせフォームによろしくね。
何？お礼がしたい？大歓迎さ！
このページ内にある広告をクリックしてくれたら喜ぶよ。

作った人

CORUN (http://coru2.com/)

Web Front engineer.

他に作ったもの

CSS EMPTY!(http://empty.coru2.com/)

CSSのセレクタ以外を空っぽにするよ！

使用画像

Pixiv id : ( 42408 )