jQuery slideViewer 1.2
slideViewer (a jQuery image slider built on a single unordered list) 1.2 Download slideViewer 1.2 (last updated july 9 2010) What's this? slideViewer is a lightweight (3.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images: <div id="mygalleryinpost10.12.2006" class="svw"> <ul> <li><img src="picts/10.jpg" alt="my d
jQueryで背景画像をフルスクリーン表示してスライドショーに出来るやつ色々
気が向いたのでメモ。背景に配置した 画像をフルスクリーンで表示して、更 にスライドショー化できるjQueryのプ ラグインとか。さほど数は無いですけ ど・・・使う可能性があるかもなので 備忘録的にまとめておきます。 タイトル考えるの結構面倒くさいので適当になってきました。語彙が中学生レベルですが気にしないで下さい。 さて、フルスクリーンにした背景をスライドに出来るjQueryいろいろです。ほぼ択一っちゃ択一なんですけど・・・ちょっと出来上がりすぎていじりにくいので他もチェックしたい、という事で調べたものを羅列しておきます。触ったこと無いのもあるのでその程度の記事という事で。 Supersized 定番の高機能プラグインです。IE6では動作しません。スマートフォンでも大丈夫っぽい。多数のオプションも用意されており、FlickrAPIにも対応してるくさいです。ライセンスはMIT/GPLのデュア
【ハウツー】ゼロからはじめるLightbox 2.0 - 簡単にWebで写真アルバム機能を (1) Lightbox 2.0とは？ | パソコン | マイコミジャーナル
Lightbox 2.0とは？ Lightbox 2.0はAjaxを利用して画像を表示するライブラリです。画像は単独の表示だけでなく、複数画像をグループ化してスライドとして表示させることもできます。 Lightbox 2.0の大きな特長としてスクリプト(プログラム)を記述しなくてよいという点があります。つまり、全くプログラムが分からない人手も気軽に使う事ができます。Lightbox 2.0ではHTMLの<a>タグのrel属性にlightboxの文字を記述するだけでできてしまうという手軽さです。また、JavaScriptのコードが実行できるブログであればLightbox 2.0を利用することができます。 Lightbox 2.0は作者であるLokesh Dhakar氏のサイトからダウンロードすることができます(*1)。 「Lightbox2のダウンロードサイト」 「Lightbox v2.0
画像がクリックされたら画像を入れ替える - JavaScript
サンプルと機能 → Sample 1：クリックされたら画像を入れ替える → Sample 2：様々なフィルタを用いて画像を入れ替える 画像がクリックされたら画像を入れ替えます。 フォトアルバムなどを作る場合に有効です。 Sample 2のように入れ替える際にいろんな効果を加えることができます。 サンプルスクリプト 緑の文字が変更箇所で、赤い文字が対応するスクリプトです。 "//"以下はコメントです。削除しても影響ありません。 必要な箇所をコピー＆貼り付けして編集してください。 → Sample 1：クリックされたら画像を入れ替える <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // 画像がクリックされたら画像を入れ替える // img0.jpg,img1.jpgなどの数字が続
[JS]地味なフォームを簡単にかわいらしいデザインにする -Ideal Forms
画像を一切使用せず、既存のフォームをかわいらしいデザインに変更するjQueryのプラグインを紹介します。 チェックボックスのチェックも画像ではないですよ。 Ideal Forms デモ [ad#ad-2] Ideal Formsのデモ フォームの外観は画像は使用せずスタイルシートでデザインされているので、自分用のカラーに変更することも可能です。 デモでは、3つのスタイルが用意されています。 スタイル：Comix Ideal Formsの主な特徴 フォームに美しい外観を与える軽量（14Kb）のスクリプト。 カスタマイズも簡単で、非常に使いやすいです。 画像は必要なく、スタイルシートでデザインを適用しています。 [ad#ad-2] Ideal Formsの実装 ファイルのアップロード 以下の2つをフォルダごとアップロードします。 css/idealForms js/idealForms.js
Bridge Word
This shop will be powered by Are you the store owner? Log in here
[PHP]ファイルをアップロードするだけで設置できる画像ギャラリー
Script & Styleのエントリーから、画像ファイルをアップロードするだけで設置できる画像ギャラリーのスクリプトを紹介します。 Automatically Generate a Photo Gallery デモ アップロードする画像は、大きい画像とそのサムネイル画像の２つが必要で、ファイルの名前は下記のように「-thumb」を付加します。 大きい画像のファイル名 IMG_0813.jpg サムネイル画像のファイル名 IMG_0813-thumb.jpg サムネイル画像のサイズは特に指定はありませんが、同じサイズのものが最適です。 デモでは、100x100となっています。 また、HTML, CSSを修正することで、画像ギャラリーのインターフェイスを好みのデザインに変更することができます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【募集】1/29向けお絵描き企画やってます | YoungYoung
Tumblr Thumbnails | Tumblrのサムネイルを作成するサービス