JPEG画像を劣化させずに軽量化する『JPEGmini』がスゴすぎる - blog | roughtab
Cassette Jam '05
Cassette Jam '05 by NOT WILD STYLE ※Project C-90から“勝手”に画像を拝借してます。 ※カセットテープが並んでたら気持ちよかったので、このページを作りました。 ※なので、別にコレクターって訳じゃないですよ。 ※勝手に他所様の画像を使っておいて色んなところにリンクされてしまったので、かなり恐縮中。 ※でも、俺と同じくこのページを見て癒される人がいたなら、これ幸い。 ※なんか、メールでカセットの画像が送られてきたので追加しました。 Posted Cassettes www.hanoben.de Project C-90
サムネイルをドラッグして画像の表示領域をスクロールするスクリプト -Image Scroller
サムネイル画像をドラッグして、大きい画像の表示領域をその動作に合わせてスクロールさせるスクリプトを紹介します。 jQuery Image Scroller Plugin デモページ このスクリプトは作者がPUMAのサイトを構築する際に使用したスクリプトをjQueryのプラグインとして作り直したとのことです。 PUMAで使用されているのは、下記のページです。 <textarea name="code" class="html" cols="60" rows="5"> <div class="image-scroller"> <img src="images/feature.jpg" alt="" class="feature-image" height="1280" width="960" /> <div class="preview"> <img src="images/preview.j
[CSS]サイズがばらばらで無指定の画像を一定サイズで表示するスタイルシート
画像を大量に配置するECサイトなどに便利そうな、スタイルシートのテクニックをCSSplayから紹介します。 CSS play - F.a.S.T - Fit and Shrink Technique デモ サイズはばらばらで、しかもサイズの指定をおこなっていない画像を一定の幅と高さのボックスにアスペクト比を維持したまま真ん中に表示します。 上記のキャプチャはスケールを変えているので、ぜひ元サイトのデモをご確認ください。 対応ブラウザはIE7/8, Fx, Op, Safari(PC), Chromeなど主要なブラウザのほとんどで動作します。 IE6では画像の元サイズで表示されてしまい、しかもボックスの真ん中には表示されない、とのことです。
[JS]画像にオーバーレイしたパネルをスライド表示するスクリプト -Image Overlay
オプションでは、上記の他に画像のサイズ・ボーダーの色、オーバーレイのパネルの色やテキストの色、アニメーションのスピードなどが調整できます。 Image OverlayはjQueryのプラグインのため、実装にはjquery.jsが必要です。
画像などのファイルへの直リンクを禁止する方法
.htaccessを使用して、他のサイトが画像などのファイルを無許可で使用するのを禁止する方法をThe Web Squeezeから紹介します。 Stop Image Hotlinking with .htaccess 「.htaccess」に、下記を記述します。 ※必要の無い箇所は、削除・修正して使用してください。 ※「.htaccess」を修正する場合は、必ずバックアップをしてください。 ※有効範囲は、設置ディレクトリの配下です。 <textarea name="code" class="html" cols="60" rows="5"> #Stop Image Hotlinking RewriteEngine on RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourdomain.com [NC] RewriteCond %{HTT
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]マウスのフォーカスで、画像の上にアイコンを表示するスタイルシート
[CSS]ジャケ写をセクシーにスタイリングするスタイルシート | コリス
[JS]打ち出し画像をフラッシュのようにダイナミックに切り替えるスクリプト -s3Slider
[JS]画像の一部をクロップして表示できるスクリプト -UvumiTools Crop