はてなブログ用, スライダー の検索結果:

トップページ

…ress 風に変身 はてなブログ用スライダー はてなブログ Cherry Blossom テーマストア Hyperspace テーマストア とことこ with Menubar テーマストア Simple Responsive with Menubar テーマストア はてなブログオリジナルテーマ はてなブログ テーマストアに5つのテーマを投稿しています。すべてレスポンシブテーマです。それぞれ画像にテーマストアへのリンクが張ってあります。 やさしい Joomla! CMS は W…

はてなブログ用カルーセル imzCarousel Ver.1.1.0 旧バージョン iPhone対応&バグフィックス版

はてなブログ用カルーセル imzCarousel Ver.1.1.0 旧バージョン iPhone対応&バグフィックス版 障害発生の経緯 旧バージョン iPhone対応&バグフィックス版 ダウンロード 障害発生の経緯 先日、「はてなブログ用カルーセル仕様スライダー「imzCarousel」jQueryなし」を公開したのですが、あトんさんにコメント欄でご指摘をいただき、一部モバイルで問題が発生していたようです。 「ようです」と言いますのも、ご指摘の障害が手元の iPhone等で確…

はてなブログ用カルーセル仕様スライダー「imzCarousel」jQueryなし

…はなさそうですが、「はてなブログ用スライダー」をもう一歩進化させて、最後の画像までいったら最初に戻るいわゆるカルーセル(回転木馬)仕様にしたものを作ってみました。レスポンシブデザイン対応、同一ページに複数個使用可、jQueryは必要ありません。 (2017/12/1)バグ修正済み(詳細記事) デモ オートスタート、チェンジ間隔3000ミリ秒 dotsナビなし、オートスタートなし、画像サイズ小(400px) 使用方法 オプション Javascript Javascript Mi…

バグ修正:はてなブログ用スライダー改訂版

前記事で公開した「はてなブログ用スライダー改訂版」にバグがあります。 バグと言いますか、私の知識不足ではあるのですが(ペコリ)、本体の Javascriptではなく、記事内に書くスライダーの呼び出しスクリプトに問題があります。 <!-- idはオプションのidと一致させれば任意 --> <div id="myslider"> [f:id:ausnichts:20171113140837j:plain] [f:id:ausnichts:20171113140931j:plain…

はてなブログ用スライダー改訂版

…に作ったβ版程度の「はてなブログ用簡易スライダー」を、カルーセルにしたり、オートスタートなどのオプション指定できるようにしようと改良しようとしたのですが、ふと気づいてみれば、「はてなフォトライフ」の画像を挿入した時に、編集方法によって変換される HTMLが違うではありませんか!? 「はてなブログ用簡易スライダーを作ってみた 」 ですので上のコードでは「はてな記法」や「Markdown」の編集方法では動きません。で、改訂版です。 fotolife記法では、img が span …

はてなブログ用簡易スライダーを作ってみた

別ブログで縦長の新聞記事を引用しようとして、これ、幾つかに分けてスライダーにできないかなと思い立ち、簡易スライダーを作ってみました。 @半径とことこ60分 どういうものかは上の記事をご覧いただければわかると思いますが、6段の記事があり、そのまま画像にしますとデカすぎますので、6枚の画像をスライダーにしようというものです。もちろん写真などどんな画像でも使えます。 とりあえずは、進む、戻るのナビを出して、クリックすると1枚ずつスライドしていくという単純なものです。 使い方 注意事…