作成者別アーカイブ: Coding_team

jQuery NailThumbを使って自動でサムネイルを生成する

こんにちは。ウェブラボ技術メモです。 突然ですが、こんな事はありませんか? 沢山写真を並べたギャラリーページを作りたい!! でもサムネイルを用意するのが大変… 持っている画像はサイズも縦横比もバラバラだし… 第3回となる今回の技術メモでは、そんな時に便利なこちらのプラグインを紹介します。 jQuery NailThumb このプラグイ…続きを読む

  • このページを共有する

jQueryを使ってアハ体験??

復活第2回目となりました、ウェブラボ技術メモです。 今回はなんと自作のjQueryとなります。 少し前にテレビやゲーム等で流行った、アハ体験をjQueryを使って再現致しました。 DEMOはこちら 今回使用させて頂いた画像は、友人のペットのフェレットです。 フェレットばかりに目がいってしまうと、画像の変化になかなか気が付かないかもしれませんね笑 ヒントも出る…続きを読む

  • このページを共有する

JavaScriptを使って、選択された要素の表示/非表示を切り替える

今月からウェブラボ技術メモが復活します! 新しい技術や、有用な情報をお伝えしていきたいと思いますので、宜しくお願いいたします。 さて、今回紹介するのは、JavaScriptを使ってラジオボタンのチェックの有無でコンテンツの表示非表示を切り替える、というものです。 実際の動きを見た方がわかりやすいと思うので、まずはデモをご覧ください。 DEMOはこちら チェッ…続きを読む

  • このページを共有する

タイピング風効果

今月もやってまいりました。 ウェブラボ技術メモです。 今回は文章を1文字ずつ表示させる効果をご紹介いたします。 文章だけではピンと来ないかと思いますので、 まずは、デモをごらんください! デモ1 いかがでしたでしょうか? こちらのソースは、

HTML は、タイピング風にさせたい文字を下記のクラ…続きを読む

  • このページを共有する

パララックス

みなさん、こんにちは。 ウェブラボのコーダの豊岡です。 今回はパララックス効果を与える jQuery ライブラリをご紹介いたします。 上下スクロールしてみてください。 大小のシャボン玉がそれぞれ違う速度で動いているのがわかるかと思います。 デモページはこちらから! デモページはご覧頂けましたでしょうか? 大きさの異なるシャボン玉が違う速度で動いていることによ…続きを読む

  • このページを共有する

イメージ・スライダー

みなさん、こんにちは。 ウェブラボのコーダを担当しております、豊岡です。 今回から「ウェブラボ 技術メモ」と題しまして、日ごろ私たちがお客様のサイトに取り入れたり、調査していて見つけた「コレは!」というjQuery プラグインを紹介していきたいと思います。 何卒よろしくお願いいたします。 第一回目の今日は、スライダーをご紹介致します。 スライダーってどんなの…続きを読む

  • このページを共有する