imgの検索結果

Flashのようなアニメーションの動きをする jQuery プラグイン

Flashのようなアニメーションの動きをする jQuery プラグイン

久しぶりにいいなぁ~と思った jQuery プラグインがあったので使い方など込みで紹介したいと思います。

横や斜めのスライドを行ってくれるんですが、制御や変更するのも簡単なのでけっこう使えるかも?って感じです。

demo page

コーディングするのが楽になるかも?と思うCSSテクニックのまとめ

コーディングするのが楽になるかも?と思うCSSテクニックのまとめ

今まで使ってコーディングが楽になったと思われるCSSテクニック(一部CSSではない部分もありますが...)などをまとめておきたいと思います。

コーダーの方は知っている事が殆どだと思いますが、知らない人は直ぐにでも使える簡単な事も多いので是非使ってみて下さい。

demo page

リンク要素をマウスオーバー時に画像表示する

リンク要素をマウスオーバー時に画像表示する

今回紹介する jQuery プラグインは、リンク要素にマウスオーバーした際に、画像やテキストをポップアップ形式で表示してくれます。

以前に似たようなプラグインを紹介しましたが、今回紹介するのがいろいろと応用も効くような気がします。

demo page

jQuery マウスオーバーしていない画像部分が薄くなるスクリプト

jQuery マウスオーバーしていない画像部分が薄くなるスクリプト

マウスオーバーしていない部分の画像がオーバーレイがかかった感じに薄くなり、マウスオーバーしている部分の画像だけが目立つようになるスクリプトです。

Using Opacity to Show Focus with jQueryで紹介、配布されいるのですが使い方を紹介しておきます。

demo page

.htaccessで画像への直リンク禁止する方法

.htaccessで画像への直リンク禁止する方法

最近人のブログのRSSからページを自動生成しているサイトを見かけたりする事もあります。

それ以外にも昨日人のブログの記事をまるまるコピペでいかにも自分で作ったかのように書いているブログまで見かけました...ここまでいくと酷いものです...

なのでこういうスパムブログの対抗策の一つとして.htaccess画像への直リンク禁止する方法紹介したいと思います。

Flashで出来た画像ギャラリーを無料で使える dfGallery 2.0

dfGallery 2.0

dfGallery 2.0は見た目だけのFlashギャラリーサイトではなく、管理画面付きで、画像の管理やアップロードも全て管理画面上から行えます。

設置するまで少し手間がかかるかもしれませんが、設置の方法がムービーで紹介されているのでけっこう分かりやすいですよ。

img要素のデザインをCSSでいろんなパターン装飾してみる

今回のサンプルで使う画像です。

例えば、企業系のWebサイトとかで、商品画像とか、イメージ画像とかって使う機会ってけっこうあると思うんですが、ただ画像をおくだけでは寂しいですよね...

この時にimg要素に薄い色のborderを入れてあげるだけでけっこう綺麗になると思うですよね。

なので今回はimg要素のデザインをいろんなパターン作ってみたので、参考にしてみて下さい。