[はじめてのjQuery]コンテンツのスライダー機能を持つjQueryプラグイン「Awkward Showcase」と実装メモ
おはようございます！ おつぱ（ @OZPA ）です。 さて、Webのお勉強ﾅｰと言うことで、最近jqueryを使った仕掛けを色々ブログに取り入れております。 で、ずっとやりたかったけどできなかった、当ブログの主要カテゴリーへのかっこいいリンク作成を、jQueryプラグイン「Awkward Showcase」を使用してロゴ下に導入してみました！ なんだコイツ…動くぞ…！ 今回使用しましたのは、コンテンツのスライダー機能を持つjQueryプラグイン「Awkward Showcase」。 Awkward Showcase – デモページ HTML要素をスライド部分に使用可能。 ｘ軸、ｙ軸座標を利用したツールチップ機能 水平or垂直タイプのサムネイル機能 スライドはいくつでもok といった特徴を持っています。 レイアウトもいくつかのバージョンから選べます。こちらはバーティカル（垂直）サムネイル。
![[はじめてのjQuery]コンテンツのスライダー機能を持つjQueryプラグイン「Awkward Showcase」と実装メモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/d1bd8096bf40990a95272a048b74ac9e2d92a047/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2Fskitched-20120614-0842202.jpg)
[jQuery]画面を一定量スクロールした時にサイドバーなどを固定位置に配置する
当ブログでも採用しておりますが、ブログなどでもよく見かけるようになった、ある一定量画面をスクロールするとサイドバーなどが固定されるﾔｰﾂ。 手順メモを晒しておきます:) 続きましてheadタグ内ないし外部読み込みスクリプトに以下を記述します。 [js] $(function($) { var tab = $(‘.hoge’), offset = tab.offset(); $(window).scroll(function () { if($(window).scrollTop() > offset.top) { tab.addClass(‘fixed’); } else { tab.removeClass(‘fixed’); } }); }); [/js] ↑のスクリプトは.hogeがtopの位置に行ったらfixedというclassを追加、それ以外はclass属性を削除する、と言う命令を
![[jQuery]画面を一定量スクロールした時にサイドバーなどを固定位置に配置する](https://cdn-ak-scissors.b.st-hatena.com/image/square/ac7ae56c20fc639b9d7e08f7f0da2fec804f6625/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2Fskitched-20121120-005330.jpg)
ブログに「facebookコメント」を設置してみた
よくわかんないから、というしょうもない理由で遠巻きに見ていたfacebookなのですが、なんだかんだで私の身の周りでも始める人が続出し、こいつぁ色々と取り入れなければもったいないと思うようになりました。 で、ふと目にとまったのがfacebookコメントというやつ。 @Sayobs くん主宰のLast Day. jpでも以前より採用されておりましたし、最近では@isloop 御大の和洋風◎でもfacebookコメントを設置されたご様子。 WordPressにFacebookコメントプラグインを設定する方法 | Last Day. jp MovableTypeとWordpressにFacebookコメントを設置する方法。 | 和洋風◎ 指にハチミツを付けて咥えて見ていただけの私でしたが、ハチミツもきれて肉の味しかしなくなりましたので、DISQUSに別れを告げfacebookコメントを導入するこ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
