ここから本文です

スライドショーの貼り付けについて

このエントリーをはてなブックマークに追加

質問者

hatinozyoさん

2009/1/1021:11:17

スライドショーの貼り付けについて

スライドショーを作ることが出来ました。
ホームページのトップページをスライドショーにする方法が分からないので、取り合えづトップページにスライドショーをリンクさせました。
ホームページを開いたらトップページの写真がスライドショーにする方法を教えてください。
よろしくお願いします。
http://www.geocities.jp/hatirando

閲覧数:
1,980
回答数:
2
お礼:
50枚

違反報告

ベストアンサーに選ばれた回答

編集あり2009/1/1114:54:38

<head>~</head>間の
<script type="text/javascript">~</script>
間をすべて、以下のスクリプトに貼り替えてください。

トップの画像がそのままスライドショーになります。

<script type="text/javascript">
<!--
var count=0;
function imghenkou(){
count++;
count%=8;
obj.src="http://www.geocities.jp/hatirando/izumisuraido/"+count+"izumi.jpg";
setTimeout("imghenkou()",4000);
}
window.onload=function(){
obj=document.getElementById("c2").getElementsByTagName("img")[0];
setTimeout("imghenkou()",4000);
}
// -->
</script>




.

質問した人からのコメント

2009/1/11 22:24:39

arenani sorenaniさん ybbqqhさん 有難うございました。
トップページのスライドショーに成功しました。

ちょい足しを取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル
  • このエントリーをはてなブックマークに追加

このQ&Aで解決しましたか?質問する

閉じる

ベストアンサー以外の回答
1〜1件/1件中

ybbqqhさん

2009/1/1109:55:06

例えば次のように書き換えます。例↓
<html>
<head>
<!-- 京-->
<meta http-equiv="Content-Type" content="text/html; charset=euc-jp">
<title>あなたのホームページタイトル</title>
<link href="http://i.yimg.jp/images/geo/geocre/tmpl/01/geohp01.css" rel="stylesheet" type="text/css">
<script language="JavaScript">
<!--
count = 0;
function imghenkou()
{
count++;
count %= 8;
document.btn.src ="http://www.geocities.jp/hatirando/izumisuraido/" + count + "izumi.jpg";
}
// --></script>
</head>
<body onLoad="setInterval('imghenkou()',4000);">
<center>

<table cellspacing="0" cellpadding="0" id="ghcont">
<tr>
<td>
<table id="ghtitle" cellspacing="0" cellpadding=0>
<tr>
<td>
<h1><span style="font-size:18pt;"><font face="富士ポップ" color="blue">かむりの里 はちランド</font></span></h1>
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" id="ghmain" border="0" width="596">
<tr>
<td id="c1" vAlign="top" width="42">
<table width="100%" border="0" cellspacing="0" cellpadding="0" vAlign="top">

<tr><td>&nbsp;</td></tr>

<tr>
<td id="ghmenu_home"><img src="http://i.yimg.jp/images/geo/geocre/tmpl/01/img/arrow.gif" alt="→">&nbsp;<a href="http://www.geocities.jp/hatirando/nihonmitubati.html">日本ミツバチ</a></td>
</tr>

<tr>
<td class="ghnav_l"></td>
</tr>

<tr>
<td id="ghmenu">
<img src="http://i.yimg.jp/images/geo/geocre/tmpl/01/img/arrow.gif" alt="→">&nbsp;<a href="http://www.geocities.jp/hatirando/saimitu.html">蜂蜜の採取</a>
</td>
</tr>

<tr>
<td id="ghmenu">
<img src="http://i.yimg.jp/images/geo/geocre/tmpl/01/img/arrow.gif" alt="→">&nbsp;<a href="http://www.geocities.jp/hatirando/miturou.html">ミツロウの作成</a>
</td>
</tr>

<tr>
<td id="ghmenu">
<img src="http://i.yimg.jp/images/geo/geocre/tmpl/01/img/arrow.gif" alt="→">&nbsp;<a href="http://www.geocities.jp/hatirando/syoping.cart.html">ショップ</a>
</td>
</tr>

<tr>
<td id="ghmenu">
<img src="http://i.yimg.jp/images/geo/geocre/tmpl/01/img/arrow.gif" alt="→">&nbsp;
</td>
</tr>

<tr><td>&nbsp;</td></tr>

<tr>
<td class="ghnav_l">
</td>
</tr>

<tr>
<td id="ghgl">
<img src="http://i.yimg.jp/images/geo/geocre/tmpl/01/img/arrowg.gif" alt="→">&nbsp;<a href="http://geocities.yahoo.co.jp/gl/hatirando/">ジオログ</a>
</td>
</tr>
<tr>
<td class="ghnav_l">
</td>
</tr>


<tr>
<td id="ghgb">
<img src="http://i.yimg.jp/images/geo/geocre/tmpl/01/img/arrowg.gif" alt="→">&nbsp;<a href="http://geocities.yahoo.co.jp/gb/sign_view?member=hatirando">ゲストブック</a>
</td>
</tr>
<tr>
<td class="ghnav_l">
</td>
</tr>

<tr>
<td><br></td>
</tr>

<tr>
<td id="ghm">
<img src="http://i.yimg.jp/images/geo/geocre/tmpl/01/img/mail.gif" alt="メール">&nbsp;<a href="mailto:hatinozyo@yahoo.co.jp">メール</a>
</td>
</tr>
</table>

</td>

<td id="c2" width="554">
<h2><font face="富士ポップ" color="maroon"><marquee direction=left scrollamount=1 scrolldelay=30trespeed>日本ミツバチの養蜂を楽しんでいます。日本ミツバチは全国の山野に生息する在来種のミツバチです。</marquee></font></h2>

<img src="http://www.geocities.jp/hatirando/izumisuraido/0izumi.jpg" name="btn" width="507">
<p>&nbsp;</p>
<a href="http://www.geocities.jp/hatirando/izumisuraido/suraid.html">かむりの里 8景</a> <p><br><br><br></p>

</td>
</tr>
</table>

<table cellpadding="0" cellspacing="0" spacing="0" border="0" id="ghfooter">
<tr>
<td id="ghlo" valign="top">
<a href="http://geocities.yahoo.co.jp/"><img src="http://i.yimg.jp/images/geo/geocre/tmpl/01/img/m_logo.gif" alt="Yahoo!ジオシティーズ" border="0"></a>
</td>
</tr>
</table>

</td>
</tr>
</table>
<a href="http://geocities.yahoo.co.jp/gb/sign_view?member=hatirando">ゲストブックへ</a>

</center>
<IMG SRC="http://counter.geocities.jp/ncounter.cgi?id=hatirando" ALT="Counter">
</body>
</html>

ポイントは、</head>の前の<script language="JavaScript">~</script>の挿入、
<body onLoad="setInterval('imghenkou()',4000);">への書き換え、
<img src="http://www.geocities.jp/hatirando/izumisuraido/0izumi.jpg" name="btn" width="507">前後の書き換え、
です。

いずれにしても、テンプレートを利用しての修正は、はじめから自力で作成するより難しいので、基本的な勉強をされることをお勧めします。参考↓
http://www.tohoho-web.com/www.htm

ちょい足しを取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

ID/ニックネームを選択し、「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問や知恵ノートは選択されたID/ニックネームのMy知恵袋で確認できます。

ほかのID/ニックネームで利用登録する