画像を拡大させるJavaScript「JQuery.iviewer」
画像の細部まで拡大させることにより、商品などを魅力的に見せることが可能です。 今回はJaavScriptライブラリのjQueryプラグイン「JQuery.iviewer」を利用して実現します。 sponsors 使用方法 JQuery.iviewerにある、jquery.iviewer.jsとjquery.iviewer.cssをダウンロードします。 またMouse Wheel Extensionからjquery.mousewheel.jsを、もちろんjQueryからjquery.jsをダウンロードします。 <link rel="stylesheet" href="jquery.iviewer.css" /> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascrip
使えるギャラリーにする方法
WordPress のギャラリー機能使っていますか？ 使いにくい WordPress のギャラリーをちょっと使えるようにするカスタマイズです。 ものすごく長くなってしまいました ... できるだけ簡単にまとめてみたので興味があるひとはぜひ読んでみてくださいね！ Webサイトで写真を一覧表示したいときに、よく使われているギャラリー。WordPress のテーマにも、Webサイト全体をギャラリーみたくするものも、数多くありますよね！でも普段はブログや一般的な Webサイトとして使っていて、その中の数ページをギャラリーページとして使いたい … ってこともあると思います。 私の場合、ギャラリーを jQuery のプラグインと組み合わせて作成する事が多いので、WordPress のギャラリー系のプラグインは使ってません（おすすめのギャラリー系、画像管理系のプラグインがあったら教えて欲しいです）。 ま
スライドショーも自由自在!!WordPressフォトギャラリープラグイン「Photo Gallery」 – HCDコンサルティング（旧・中川勉社会保険労務士事務所FPウェブシュフ）のブログ
スライドショーも自由自在!!WordPressフォトギャラリープラグイン「Photo Gallery」 Nextgen以外のWordPressギャラリープラグインを探しています。@web_shufuです。「Photo Gallery」というプラグインがあったので使ってみました。名前はド直球でセンスなさそうですが、ギャラリーやサムネイルの演出はいい感じでした。 ギャラリーの作り方 「Photo Gallery」はWordPress管理画面の左サイドバー「プラグイン」⇒「新規追加」からインストール・有効化します。 すると左サイドバー「設定」の下に「Photo Gallery」が現れるのでクリックしてください。 「Add new」をクリック。 名前、スラッグ、説明などを適当に書き、「Add Images」ボタンをクリック。 「Upload files」をクリック。 ドラッグ＆ドロップか「ファイル
WordPressのギャラリー機能の使い方｜写真の追加方法
WordPressにはギャラリー機能がありまして、投稿ページや固定ページに写真集を配置できる事はご存知でしょうか？プラグイン無しでもギャラリーページは作れるんですよ。 WordPress2.5から備わっている機能で、勿論、現在の最新のWordPress3.8系にも備わっております。 スポンサーリンク ギャラリー機能の使い方の順番 ※本文入力画面はテキストモード前提で進めます。 １まず、投稿ページでも固定ページでもギャラリーを設置したい場所にカーソルを置き、本文入力画面上の「メディアを追加」ボタンをクリックします。 ２すると、”メディアを挿入”という写真（画像）をアップロードする画面が出てくるのですが、左側に「ギャラリーを作成」というメニューボタンがあるのでクリックします。 ３これまでアップロードした写真が並んでいるので、ギャラリー用の写真をひとつずつ選択していきます。 選択し終わったら右下
PHP写真ギャラリー（フォトアルバム）CMS フリー（無料）｜PHP工房
HOME > 【Gallery01】PC、スマホ、ガラケー3デバイス対応 写真ギャラリーCMS フリー（無料）版 【Gallery01】PC、スマホ、ガラケー3デバイス対応写真ギャラリーCMS フリー（無料）版 クライアントがブラウザ上で投稿するいわゆるCMSで運用することを想定しているので、極限まで簡易化＆自動化した画像（フォト）ギャラリーのPHPプログラムです。設置後は管理画面から画像をアップするだけで更新完了です。詳細は以下にある各ページのサンプルでご確認ください。 設置もいたって簡単です。HTML＆CSSの基本知識とFTPでなにかしらアップしたことがある方であれば大丈夫です。 任意のページに直接埋め込み（コピペして）、ギャラリーページとしての運用に適しています。 ページング（ページ送り）の自動生成、サムネイル生成、リンク時画像拡大機能などがあります。 また、PCの他にスマホ（スマー
画像のズーム効果、画像の一部を拡大表示｜jQuery plugin｜Ajax｜PHP & JavaScript Room
jQueryを使用して、簡単に画像にズーム効果を付ける方法が掲載されています。 使用する画像は原寸大の画像1枚。 img要素のwidth/height属性にサムネイル表示時のサイズを指定しておきます。 サムネイル画像にマウスがのった時に、画像をサムネイル表示時よりCSSで画像サイズを25%大きくするアニメーションを行い、z-indexをあげて他の要素より上に表示するようにしています。 マウスが離れた時に、CSSで画像サイズを元のサイズに戻すアニメーションを行い、z-indexを元に戻す方法がとられています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://w
画像ポップアップ_Galleriffic
A jQuery plugin for rendering fast-performing photo galleries Galleriffic was inspired by Mike Alsup's Cycle plugin, but with performance in mind for delivering a high volume of photos. This is my first experiment with jQuery, so I would love feedback on how to improve this plugin. Features Smart Image Preloading after the page is loaded Thumbnail Navigation (with pagination) Bookmark-friendly URL
サムネイル付スライドショーギャラリー jQueryプラグイン-Galleriffic
サムネイルが付いた画像スライドショーのjQueryプラグインです。サムネイルがフォーカスされた時に大きい画像を読み込む為、画像が大量にあっても読み込みに時間がかかりません。 オプションも豊富で、ページャー、画像タイトルやキャプションを同時に表示させることもできます。 スライドショーのオンオフやページ送りをつけることも可能です。 Galleriffic配布先 Galleriffic opacityrolloverが同包されておりサムネイル画像がフェードされるようになっています。 配布先の●Examplesのところよりサンプルが一式もダウンロードできます。 “サンプルデモ“も作りました。 使い方 head内またはbodyタグ直前でjQuery本体とgalleriffic.js、opacityrollover.jsを読み込みます。 <script src="https://code.jquery
Home - Slide SJS
We have been working since 2009. We started with two people: a designer and a programmer. Today the company employs almost 20 people who are divided into four teams. Everyone is a master of his craft. There are open vacancies. We use all our experience, knowledge and skills to help you properly implement your plans to make the site a convenient tool - in this we see our mission. In tandem with the
jQueryプラグイン サンプル（画像系）：skuare.net
JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連のjQueryプラグインを紹介しています。 JSONファイルから画像スライダーを作成するjQueryプラグイン「jsonslider」 JSONファイルに画像パスなどのデータが格納されている場合、処理を入れて画像スライダーにするのはそれなりの手間です。 jQueryプラグインのdcdeiv/jsonslider · GitHubを利用することでその手間が少し軽減できるかもしれません。 via：dcdeiv/jsonslider
JavaScript製の画像スライダー・ギャラリーいろいろ:phpspot開発日誌
Top 10 Javascript slideshows, carousels and sliders JavaScript製の画像スライダー・ギャラリーいろいろ。 JavaScriptで画像を使ってアニメーションさせたり、リスト管理したりするライブラリが多数紹介されています。 SpaceGallery Noobslide Accessible News Slider SmoothGallery jQuery Multimedia Portfolio JCarousel Glider Carousel Carousel slideshow Carousel.us 過去の画像ギャラリー関連エントリ スライドショー付きLightBox風イメージアルバムのサンプル jQueryベースのLightBoxクローン「prettyPhoto」 ＵＩがクールでサクサク使えるMacウェブギャラリー風画像ギャ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Galleriffic
hitsuji.me
http://wp-and.me/gallery
設置サンプル
Screenshots - ZenphotoCMS - The simpler media website CMS
スライドショー ページ 2｜memocarilogWordPress jQuery などの Web 制作関連のメモと iPhone Macのこと - アーカイブ
http://magazine.nuefolio.com/2011/09/responsive-image-gallery-with-thumbnail-carousel-from-codrops/
http://www.weblaboratory.jp/mt/mt-search.cgi?IncludeBlogs=5&search=%E3%82%AB%E3%83%AB%E3%83%BC%E3%82%BB%E3%83%AB
http://www.weblaboratory.jp/mt/mt-search.cgi?blog_id=5&tag=%E3%83%95%E3%82%A9%E3%83%88%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC&limit=20