平凡を 日常を サークル活動を イベントにする イベントを創る    あなたのイベンター力を磨く   

画像特訓1

画像特訓1

会員サイトから単純にコピーして感触を確かめるだけ・・特訓といえない。
以下をコピーしたが何も表示されない、アップロードしていないためだろう
lightbox2 とは日本語訳でどういう表現 意味だ・・・・。
単語の意味を検索で探す。
http://e1116.blog.fc2.com/blog-entry-15.html 理解できるか。
http://rooogie.web.fc2.com/lightbox/lightbox2.html
http://saetl.net/javascriptsample/Lightbox2/howto.html
http://www.crystal-creation.com/web-appli/technical-information/programming/javascript/library/lightbox/
http://www.df-cue.com/wp/2009/06/20/lightbox-2-wordpress-plugin/
http://www.miracletown.net/template/lightbox20

こう言う意味か・・・ligthboxはフリーで使えるJavaスクリプトソースです。
Lightboxを使うと画像をクリックして拡大させたいときに
かっこよく表示できます。

クリックしたら拡大できる特長がある方式の事を言うんだ
http://inoweb.blog.fc2.com/blog-entry-35.html
QHM ver4.7以降なら、以下のように書いてもlightbox2を使えます
&show(): The style ref(filename,pagename) is ambiguous and become obsolete. Please try ref(pagename/filename);

北研ロゴ
北研バナー


colorbox とは日本語訳でどういう表現 意味だ・・・・。
http://www.css-lecture.com/log/javascript/031.html
http://www.locomoco-dou.jp/wordpress/lightbox-fancybox-colorbox/
http://klutche.org/archives/893/
colorboxとlightbox2の違いは何だ
http://zenback.itmedia.co.jp/contents/www.jquery-com.net/lightbox/591/
http://motoshige.net/blog/archives/1020
http://motoshige.net/blog/archives/4902 無料フォームの紹介
http://jquery-karuma.net/plugin-colorbox/

Queryプラグイン「colorbox」は、画像をクリックするとその画像がページ遷移 することなく大きくポップアップとして表示され、さらに設置した矢印をクリック するとスライドショーが実現できるという便利プラグインです。「Lightbox 2」と どっちがいいかな。

 と書いてある。
Greybox機能とは・・・・
「バージョン3.23から、画像やWebサイト(ホームページ)を
ポップアップで表示できる「Greybox機能」を追加しました。
lightbox2機能とは「設置方法」や「使用方法」はほとんど同じですが、

   表示のされ方(見た目)が違う
   Webサイトを表示できること

の2点が異なります。
なので、この機能の表示画面でWebサイトを表示したい時に使用してくださいね。


「説明」と「グループ」を省略した場合
※最低限これだけで表示できます。
北研.com


「グループ」を設定し、連続して表示させる場合
※同じグループ名を入力することで連続表示ができます。
グーグル
ヤフー
アスクジャパン


サムネイル画像 とは
http://ja.wikipedia.org/wiki/%E3%82%B5%E3%83%A0%E3%83%8D%E3%82%A4%E3%83%AB
http://e-words.jp/w/E382B5E383A0E3838DE382A4E383AB.html
http://www.724685.com/word/wd130213.htm


スライドショーを設置
※以下の用語が理解できない場合は、もう少しなれてからチャレンジしましょう

1 画像を用意する
2 画像をサーバーにアップする( 簡単アップローダーを使うと便利)
3 スライドショープラグインを使う

#slideshow(画像の高さ){{
画像1のURL,画像の説明1
画像2のURL,画像の説明2
画像3のURL,画像の説明3
}}

※画像の高さには、数値のみを入力します。単位は、pxです。
※画像のURLを取得するには、SWFUのURL部分をコピペするとよいでしょう。
3. プラグインの記述
以下のように記述します。
 #slideshow(183){{
 https://ensmall.net/p/qhmpro/swfu/d/slidesample1.png,Quick Newsletter
 https://ensmall.net/p/qhmpro/swfu/d/slidesample2.png,デモです
 https://ensmall.net/p/qhmpro/swfu/d/slidesample3.png,ここに画像の説 明を
 https://ensmall.net/p/qhmpro/swfu/d/slidesample4.png,記述します
 https://ensmall.net/p/qhmpro/swfu/d/slidesample4.png,記述します
}}

Quick Newsletter デモです ここに画像の説明を 記述します 記述します

スライドショープラグインを更に設定することができます。
設定できる項目は、

   画像表示をランダムに : true,false
   1つの画像を表示する時間 : 秒で設定(初期設定:3秒)
   余白 : 数値で設定(左の余白設定)
   画像切り替えの滑らかさ: 秒で設定 (初期設定:1秒)

powered by Quick Homepage Maker 4.91
based on PukiWiki 1.4.7 License is GPL. QHM

最新の更新 RSS  Valid XHTML 1.0 Transitional