タグ

ギャラリーに関するred_snowのブックマーク (2)

  • jQueryで全画面表示するギャラリーを作るチュートリアル

    jQueryで全画面表示するギャラリーを作るチュートリアル 最近はFlashで作ったのかと思ってしまうようなjavascriptなギャラリーをちらほら見るようになりましたね。 この記事ではあまり凝ったことをすると大変、、というか作れるスキルがないので、jQueryを使用したシンプルなフル画面ギャラリーの作成方法をチュートリアル形式でお送りいたします。 投稿日2011年04月28日 更新日2011年04月28日 画像の準備をしよう ギャラリーページなので当然のことながら画像は準備しておきましょう。 小さい画像(サムネイル)と大きい画像を用意します。 小さい画像は100×67、大きい画像は画面いっぱいに表示するのでそこそこ大きいのにします。 画像サイズが変わっても基的にcssを修正するだけで済むようにします。 html + cssを作成しよう 連番画像をjQueryで配置しても良かったのです

    jQueryで全画面表示するギャラリーを作るチュートリアル
  • PHPソース1個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」:phpspot開発日誌

    PHPソース1個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」 2010年08月11日- Pagemap ImageWall ? Freeware Web Photo Gallery with slideshow | Pagemap Premium Portfolios PHPソース1個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」. アニメーションやLightBoxなどでモダンな感じに動くギャラリースクリプトです。1ファイルなので設置は簡単です。 動きを実際に見てみる 設置にするには、phpが動くサーバを用意した後、パッケージをダウンロードして「index.php」を開き、$config の変数を設定します。 ヘッダー画像や背景、文字色、カスタムCSSと、画像が入っているディレクトリの指定等をしてアップロ

  • 1