並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌
Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。 画像間の調整や背景色の調整等が行えるようです。 デモページはこちら ブラウザサイズを変更しても画像を再計算して表示しなおしてくれます。 背景を黒にするとよりオシャレな感じです。 関連エントリ 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」
[JS]シンプル！軽量！簡単！三拍子揃ったスライドショーのスクリプト -jQuery.TinySlider
jQuery.TinySlider デモ [ad#ad-2] jQuery.TinySliderの実装 HTML スライドで表示されているイメージはdiv要素の背景画像です。 <div id="slider"> <div class="image" style="background-image: url(img/img1.jpg);">Simple</div> <div class="image" style="background-image: url(img/img2.jpg);">Light</div> <div class="image" style="background-image: url(img/img3.jpg);">Easy</div> </div> JavaScript 「jquery.js」と「jquery.slider.js」を外部ファイルとし、下記のスクリプト
Flickrの写真を超クールに表示できるPHPスクリプト「flogr」:phpspot開発日誌
flogr - Project Hosting on Google Code Flickrの写真を超クールに表示できるPHPスクリプト「flogr」 自分のホストに設置したPHPスクリプトからflickrのAPIを叩いてカッコイイインタフェースで写真を表示できます。 ストレージにFlickrを使わせてもらい、あとは表示するだけというもの。PHPスクリプトなので自分のサイトのロゴを入れたり自由にカスタマイズも出来ますね。 個別の表示にはLightBoxを使っています。 写真の撮影位置もGoogleマップ上に表示できます。 タグクラウドを表示することも出来ます。 撮影位置で写真を探すことも可能 単にFlickrの写真を表示するだけでなく、色々工夫されているところがいいですね。 関連エントリ フォルダをモニターしFlickrに自動で画像をアップロードするツール「Flickr Foldr Moni
わずか3STEP！誰でも簡単にjQueryを使ったLightboxギャラリーを作成出来るソフトウェア・Jquery Photo Viewer
なかなか面白い試みだったので 備忘録。現在数多くのjQueryを 使用したギャラリーが存在し、その 中には多くのLightbox風ギャラリー が存在します。今日、ご紹介する のはそんなギャラリーを作成する ソフトウェアです。 jQueryを使用したギャラリーを作成するジェネレーターになりますね。ちょっとこの発想はありませんでした。 オンラインのジェネレーターではなく、ローカル環境で動かすソフトウェアです。使い方も凄く簡単ですよ。 言語も日本語に対応しています。 わずか3STEPで作成出来ます。 STEP.1 使い方はDLページにも書いてありますが、簡単にご紹介。おそらく直感で作成出来ます。ソフトウェアをDLしてセットアップすると上記画面が立ち上がります。ここにギャラリーにしたい画像をドラッグ＆ドロップしていきます。 STEP.2 画像を決めたら、上部のPublishをクリックします。すると
PHPソース１個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」:phpspot開発日誌
PHPソース１個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」 2010年08月11日- Pagemap ImageWall ? Freeware Web Photo Gallery with slideshow | Pagemap Premium Portfolios PHPソース１個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」. アニメーションやLightBoxなどでモダンな感じに動くギャラリースクリプトです。１ファイルなので設置は簡単です。 動きを実際に見てみる 設置にするには、phpが動くサーバを用意した後、パッケージをダウンロードして「index.php」を開き、$config の変数を設定します。 ヘッダー画像や背景、文字色、カスタムCSSと、画像が入っているディレクトリの指定等をしてアップロ
Top 50 jQuery Gallery & Image Sliders for 2020 - 1stWebDesigner
Since usually the best galleries are created in jQuery, we’ve mainly focused on jQuery type sliders, but there are a few simple CSS galleries as well. This collection has been organized into five main categories so you can easy switch to your preferred section. Before we start, we wanted to tell you that it’s up to you to go for a free or premium solution for your jQuery gallery or slider. Your We
画像ギャラリーを作る際に便利に使えそうなjQueryの画像ギャラリー実装プラグイン37種:phpspot開発日誌
画像ギャラリーを作る際に便利に使えそうなjQueryの画像ギャラリー実装プラグイン37種がまとまったエントリのご紹介。 新しいものから古いものまでいろいろとまとまっているようです。 カバーフローみたいなギャラリー実装プラグイン なかなかクールなサムネイル付きギャラリー実装プラグイン UIがクールなギャラリー実装プラグイン ギャラリー用のプラグインはすでに多数ありますが、色々と覚えておくのも引き出しを増やしておくという面でよいかもしれませんね。 以下のエントリを参照してください。 37 Fresh jQuery Image And Gallery Display Solutions | Graphic and Web Design Blog -Resources And Tutorials 関連エントリ 訪問者驚きの手めくり風、画像ギャラリー作成サンプル 超カッコいいApple風スライドショ
【273枚】壁紙画像ください！：ぁゃιぃ(*ﾟーﾟ)NEWS 2nd
2 ▼ 3 ▼ 4 ▼ 5 ▼ 6 ▼ 7 ▼ 8 ▼ 9 ▼ 10 ▼ 11 ▼ 12 ▼ 13 ▼ 14 ▼ 15 ▼ 16 ▼ 17 ▼ 18 ▼ 19 ▼ 20 ▼ 21 ▼ 22 ▼ 23 ▼ 24 ▼ 25 ▼ 26 ▼ 27 ▼ 28 ▼ 29 ▼ 30 ▼ 31 ▼ 32 ▼ 33 ▼ 34 ▼ 35 ▼ 36 ▼ 37 ▼ 38 ▼ 39 ▼ 40 ▼ 41 ▼ 42 ▼ 43 ▼ 44 ▼ 45 ▼ 46 ▼ 47 ▼ 48 ▼ 49 ▼ 50 ▼ 51 ▼ 52 ▼53 ▼54 ▼55 ▼56 ▼57 ▼58 ▼59 ▼60 ▼61 ▼62 ▼63 ▼64 ▼65 ▼66 ▼67 ▼68 ▼69 ▼70 ▼71 ▼72 ▼73 ▼74 ▼75 ▼76 ▼77 ▼78 ▼79 ▼80 ▼81 ▼82 ▼83 ▼84 ▼85 ▼86 ▼87 ▼88 ▼89 ▼90 ▼91
フォルダに画像ファイルを入れるだけでクールなギャラリーが自動で出来るPHPスクリプト作成:phpspot開発日誌
Scanning Folders with PHP - NETTUTS フォルダに画像ファイルを入れるだけでクールなギャラリーが自動で出来るPHPスクリプト作成チュートリアルが公開。 次のようなクールなギャラリーがチュートリアルと共に、ソースコード公開されています。 写真をクリックするとタイトルが微妙にアニメーションするところもよいですね。 関連エントリ JavaScript製の画像スライダー・ギャラリーいろいろ 壁に画像を貼ったようなUIの画像ギャラリー「PostcardViewer」 超絶クールなMacスタイル写真ギャラリー「PhotoFlip」 サクサク動く画像ギャラリー作成JSライブラリ「noobSlide」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
