このページの本文へ移動
色合い 標準 青 黄 黒
文字サイズ 標準 拡大 縮小
RSS
Since 00370846
Monthly 00001875

行事カレンダー

2024年4月
31 1 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 1 2 3 4
トップCMSマニュアル> 35.画像を動かすには

35.画像を動かすには

  【資料室】 

画像を動かすには

 

画像を動かすには、コンテンツ編集画面を表示させます。

コンテンツ編集画面は、 詳細情報編集 ブログ編集 トップページ編集の[メッセージボード]で表示させることができます。


  • タグを使った画像のスライドショー
  • フラッシュを利用した動画
  • JAVAスクリプトを使ったスライドショー 

 

タグを使った画像のスライドショー

 

 画像を動かすには

 

 画像を動かすには2 

1.コンテンツ編集画面で、HTMLタグ表示に切り替える。

 

 

 

 

2.下のタグを入力してから、イメージ表示に切り替える。
<marquee>aaa</marquee>


 画像を動かすには3 

 

  画像を動かすには4

3.イメージ表示にテキスト枠が作成されたら、枠内の文字「aaa」を削除して、画像を挿入する。

 

 ※テキスト枠内に配置すること。


 画像を動かすには5 4.編集画面を[登録]で終了してから、画像の動きを確認する。

 詳しくは「文字を動かすには」を参照してください

 >> ページのトップへ 

 

 

フラッシュを利用した動画


  画像を動かすには6

5.イメージ編集から、フラッシュ動画(*.swf)を挿入して追加することができる。あらかじめ作成したフラッシュ動画をアップロードする。

 ※作成するフラッシュ動画については、横幅が650px以下で作成すること。
 ※アップロードの際に、[ループ再生]を選択すると動画が繰り返される。

 

 詳しくは「イメージの作成」を参照してください


>> ページのトップへ 

 

 

JAVAスクリプトを使ったスライドショー


  画像を動かすには6

6.あらかじめJAVAスクリプトを作成し、オリジナルサイト(statics)へアップロードしておく。
 アップロードが完了したら、実際のURLで動作確認を行っておくこと。

 (例)
 /xxxxx-e/statics/java/index.html など

 ※JAVAの作成については、インターネット上の詳細を参考にしてください。

 

 >【参考】 WinSCPを使ったアップロード


  画像を動かすには7 7.コンテンツの編集画面から<IFRAME>タグを利用して、JAVAスクリプトまでのパスを入力する。

 <IFRAME src="/xxxxx-e/statics/java/" frameborder="0" height="400" width="720" scrolling="no"></IFRAME>

 詳しくは「フレームを利用したWEBページ表示」を参照してください


>> ページの先頭へ

 

 

>> WEBマニュアル目次へ

  


掲載日 平成25年3月27日 更新日 平成25年3月29日
アクセス数
オプション