| ホームページの作り方のメニュー |
| 趣旨と著作権について |
| 共通プログラムと有料版について |
| サンプル使用上の注意事項 |
| スライドショーデータの記述方法 |
| 当サイトへのリンクについて |
| みやけ工房へのメール |
| ホームページ制作代行(有料) |
| INDEX |
| Home | All Rights Reserved. Copyright (C) 2002- Miyake_kobo. | |||
| 汎用スライドショーとギャラリー | スライドショーとギャラリーのテンプレート |
| コピーするだけでページにスライドショーを貼り付ける | ホームページ制作の小技集 [JavaScript・DOMサンプル集] |
| ホームページのテンプレート集 | 虫眼鏡撮影法 |
| その他のHP制作関連ページのメニュー | サンプルを使用して作った見本ページ集 |
| メニュー全体を閉じる | |
| 頻繁に使うスタイルシートと書き方 | HTMLタグ簡易リファレンス |
| JavaScriptでスタイルを変更する | ホームページの背景色見本帳 |
| ホームページの色を作る | スタイルシートで背景を作る |
| このメニューを消す | メニュー全体を閉じる |
| 以下は、「ホームページの作り方」で紹介しているサンプルを改良し、組み合わせて制作したページです。 | ||
|
|
|
|
| ★ 現在使用中のカメラ:CANON PowerShotA495(7,200円で購入)、PENTAX Optio RS1000(7,200円で購入)。 | ||
| このメニューを消す | メニュー全体を閉じる | |
| 共通プログラムと有料版について |
|
共通プログラムとは、各サンプルプログラムの共通部分を別ファイルにしたもので、オリジナルのJavascriptライブラリーです。無料版サンプルは、共通プログラムを外部ファイルとして当サイトから読み込んでいる為、プログラムの大幅な改良、サンプル解説ページのアドレス移動、プロバイダーのシステム変更、当サイトの閉鎖、オフライン、等が原因で使用できなくなる事があります。 共通プログラムを使用せず(当サイトへのアクセスを不要にした)、オフラインでも使用できるサンプルをご要望の方は、 有料版をメールでお申し込みください。 共通プログラムは、特に断りがない限り、文字コード「 ANSI 」(Shift_JISと同じ)で書いてあります。別の文字コードのページに読み込むときは、読み込み部分の <script type="text/javascript" src="〜"> を <script type="text/javascript" charset="Shift_JIS" src="〜"> と、Shift_JIS指定を書き加えてください。 有料版制作の料金は特に金額の記述がないサンプルは1,000円、金額が記述されているサンプルはその金額になります。 制作する有料版のHTML部分には十分な説明があり、デザインを改良し易く作ってありますが、スクリプトは圧縮タイプ(インデントと改行を削除)で説明もありませんので、スクリプトを独自に改良するには多少の慣れが必要になります。 また、[jQuery]の記述があるものは、有料版も外部ファイル(jQuery本体)を必要とします。 また、当サイトに掲載しているサンプルを有料で改良します。ビジネスとしてホームページを制作されている方や、趣味のホームページを制作している方で、スライドショーなどの特殊ページの制作に時間を掛けずにメインページ制作に没頭したい方、新たなプログラムを開発している時間のない方は御利用ください。 詳細は、 ホームページ制作代行について(有料) をご覧ください。 |
| 閉じる |
| 趣旨 |
|
写真を中心にしたホームページのテンプレートを、種類別に分類して掲載しています。ただし、HTML、CSS、JavaScript、DOM、Ajax、jQuery、などの解説を目的にしたものではありません。 なお、当サイトのサンプルを使用(または改良して使用)して発生した不具合には、一切責任を負いません。また、非合法サイトや迷惑サイトやアダルトサイトでの使用は禁止します。 当サイトのサンプルは、パソコンのインターネットエクスプローラ(IE)、ファイアフォックス(Firefox)、サファリ(Safari)、オペラ(Opera)、グーグル・クローム(Google Chrome)で、大雑把な動作確認をしています。一般的なホームページ制作ではこれで十分と判断できます。しかし、古いバージョンのブラウザや携帯電話を含めた携帯情報端末やテレビなど家電製品での動作は不明です。 (注)サンプル名に(ie)の表記があるものは、IEとそれ以外では別の動作をします。 |
| 著作権 |
|
当サイト内の画像・プログラムなど全てのコンテンツの著作権は私が所有します。 各サンプルにはそれぞれ無料版と有料版の2種類があり、大部分のサンプルは無料版(著作権表記があり、共通プログラムを使用)が掲載されています。 一部の著作権表記がないサンプルには有料版はありません。また、有料版のみのサンプルには、その旨記述があります。有料版とは無料版から著作権表記を削除し、共通プログラムを使用しないタイプに改良したもので、当サイトにアクセスせずに使用できます。 無料版サンプルは、個人的な利用であれば自由にお使い頂いて結構です。ただし、画面に表示される「(C) Script by Miyake_kobo.」等の著作権表記を消すことを禁止します。商業利用される方、Webデザイナーの方、デザインの都合で著作権表記を削除したい方は、有料版をお申し込みください。 詳細は、 共通プログラムと有料版について をご覧ください。 |
| 閉じる |
有料版の制作では、お支払いの前に必ず無料版を使って動作確認をしてください。改良が必要な場合は別料金が必要になります。
お申し込みは、メールにご要望のサンプル名とサンプルのURLを記述し、左の「みやけ工房へのメール」を参考にして送信してください。その際、必ずお名前(下記お振込み名義人)を書いてください。折り返し、振込先の口座、制作のスケジュールなどを返信します。
お支払いは銀行振り込みでお願いします。その際、振り込み手数料は皆様に負担していただきます。 入金確認日から1〜2日後に、私のサイトに専用のURLを作り、改良した「サンプルとソース」ページをアップします。
| サンプル使用上の注意事項 |
|
HTMLは本来テキストファイルですから、「メモ帳」(Windowsの場合)などのテキストエディターで編集し、htmlまたはhtmという拡張子を付けて保存して作ります。その際、一つのHTMLファイル内に複数の文字コードが混在すると、「文字化け」や「誤動作」が発生する事があります。当サイトのサンプルは、特に記述がない限り、文字コードを「 ANSI 」(Shift_JISと同じ)で書いてあります。別の文字コードに変更するときは、ページ全体を文字コードを指定して「名前を付けて保存」してください。また、同じページ内に複数のJavaScriptプログラムがある場合、変数名や関数名などの重複により誤動作する事があります。重複した変数名や関数名などを変更してください。 HTMLファイルの編集にホームページ管理業者が提供する編集ページを使用する場合、サンプルを既存のページに貼り付けて使用する場合、複数の場所から複数のソースを貼り合わせてページを作る場合も、上記「文字化け」対策、または、管理業者が用意している「文字化け対策」を行ってください。 ID名とクラス名の付け方で、ID名は固有の名前で、ページ内で唯一である必要があり、複数個存在するとプログラムは誤動作します。クラス名は共通の性質を持つグループ名で、ページ内に複数個存在するものです。両者を混同しないように注意してください。 スライドショーの写真が表示されない方は、 パソコンが「拡張子を表示しない」設定になっていると、0.jpg と名前を付けたつもりでも、0.jpg.jpg と二重に拡張子が付いている可能性があります。写真ファイルを右クリックして「プロパティー」で確認してください。また、ファイル形式がJPG形式であること、拡張子が小文字であること、なども確認してください。 IE6 Service Pack 2 以降では、パソコン内のJavaScriptを使用するファイルを開くと「警告」が発せられます。当サイトのサンプルをパソコン上にダウンロードしてパソコン上で開くと、この「警告」が出てしまいます。新たに開くたびに「ブロックされているコンテンツを許可(A)」してください。ただし、サンプルをWeb上にアップして開く場合は、この「警告」が出る事なく正常に表示されます。 |
| 閉じる |
| 当サイトへのリンクについて |
|
当サイト内のすべてのページはリンクフリーですが、可能な限り各カテゴリーのトップページへのリンクをお願い致します。「ホームページの作り方」内の個別ページのURLは断り無く変更する事があります。また、「花と風景の写真集」内の一部スライドショーは構造上直接リンクする事が不可能です。なお、みやけ工房のGIFアニメーションやJPG画像をお使いになる場合は、以下をダウンロードしてご利用ください。
![]() <A href="http://www.geocities.jp/miyake_kobo/index.html"><IMG src="000s.jpg" onmouseover="this.src='ani000s.gif'" onmouseout="this.src='000s.jpg'" border=0></A> となります。 また、インラインフレームバナー をお使いになる場合、 <IFRAME src="http://www.geocities.jp/miyake_kobo/002.html?ffffff" scrolling=no frameborder=0 width=60 height=27 align="bottom" style="border:2px outset #ffffff"><A href="http://www.geocities.jp/miyake_kobo/index.html">みやけ工房</A></IFRAME> となります。バナーはインラインフレームを使用していますので一部表示できないブラウザがありますが、その場合通常のリンク みやけ工房 が表示されます。 src要素の ?ffffff はバナー内の背景色です。各要素は自由に変更してお使い頂いても結構です。 |
| 閉じる |
| みやけ工房へのメール | ||||
|
【メールを送信する前に】 サンプルの使用方法に関する質問をされる方は、左メニューの「サンプル使用上の注意」や「スライドショーデータの記述方法」を再度ご確認ください。 プログラムの改良やデザイン変更に関するアドバイスは有料にさせて頂きます。 また、サンプルに直接関係のない、HTML・Javascriptの基礎的事項やホームページの作り方に関するアドバイスも有料にさせて頂きます。 詳細は、 ホームページ制作代行 をご確認ください。 メールには、「スライドショーについて」、「サンプルソースについて」などの明確なタイトルを付けて頂けると助かります。題名の無いメールや画像以外の添付ファイルの付いたメールはご遠慮ください。返信は、このタイトルのRE.で送信します。 ご依頼やご質問は、対象になるサンプルページのURL(アドレス)を明記してください。また、必ずお名前も明記してください。本名である必要はありませんが、振込みがある場合は振り込み名義人に使用できる名前にしてください。なお、お使いのメールシステムが返信メールを受信可能である事、ご自身のメールアドレスが正しい事、を確認のうえ送信してください。メールソフトを使わずにWebメールで送信する方は、下のメールアドレスの何れかをコピーして使用してください。
|
||||
| 閉じる |
| スライドショーデータの記述方法 |
|
スライドショーは2種類あり、何らかの操作をすると自動停止するタイプとしないタイプです。 前者は「start」「stop」ボタン、後者は「play」「pause」ボタンが表示されてます。 題名に「書き換え不要」「連番」などの表記があるものは、写真データを記述する必要はありません。 [A]や[IMG]などの表記があるものは、写真データがHTML部分にあります。以下を参考にして写真の枚数分を並べて記述してください。(クラス名が必要なタイプもあります。) 1)Aタグ形式 <A href="大写真ファイル名"><IMG src="小写真ファイル名" /></A> 2)IMGタグ形式 <IMG src="写真ファイル名.jpg" /> または、 <IMG rel="大写真ファイル名.jpg" src="小写真ファイル名.jpg" /> 2)バナー形式 <A href="開くページのURL"><IMG src="写真ファイル名.jpg" /></A> スクリプト部分に写真データがあるものは、以下を参考にしてください。 ただし、サンプルにより必要項目の個数や順番は異なり、変数名や配列名に下記以外の名前を使用しているページもあります。 1)スライドショーでは、 photo[n]="写真ファイル名"; daimei[n++]="写真の題名"; 2)大小2枚の写真を使うギャラリーでは、 photo[n]="大写真ファイル名"; thum[n]="小写真ファイル名"; daimei[n++]="写真の題名"; 写真ファイル名は、写真がスライドショーと同じホルダーにある場合は「〜.jpg」などとファイル名だけを、別のホルダーにある場合は「../〜.jpg」(一つ上のホルダー)「../../〜.jpg」(二つ上のホルダー)などの相対表記で書いてください。また、一部のサンプルで使用している様に「http://〜」で始まる絶対表記でもかまいません。 スライドショーに使用する写真の枚数は、20〜30枚を限度にする事をお勧めします。写真が多い場合は、複数のスライドショーを作り、小分けしてください。写真の大きさは、幅900高さ600ピクセル以下で作る事をお勧めします。 スライドショーを見るパソコンが大画面とは限りません。1024X768や1024X600の画面でも、頻繁にスクロールせずに見られる工夫が必要です。 |
| 閉じる |