A 回答 (4件)
- 最新から表示
- 回答順に表示
No.4
- 回答日時:
補足、「古いブラウザーはcookieを使う」の追加分
//---------------------------------------------------
if ('undefined' !== typeof localStorage){
if(localStorage.gazou_number)
pre_gazou_number=localStorage.gazou_number;
}else{
if(Getcookie('gazou_number'))
pre_gazou_number=getCookie('gazou_number');
}
//---------------------------------------------------
if ('undefined' !== typeof localStorage)
localStorage.gazou_number=gazou_number;
else setCookie('gazou_number',gazou_number);
//---------------------------------------------------
function Getcookie(key){
var value = document.cookie.match(RegExp(name+'\\s*=\\s*(.*?)(?:[\\s;,]|$)'));
return value?value[1]:'';
}
function Setcookie(key,val){
document.cookie = key+"="+val;
document.cookie = ";expires=" + Date(2099,12,31).toGMTString;
}
No.3
- 回答日時:
毎回必ず異なる画像になるサンプル。
(javascriptが無効な場合も考慮:その場合は切り替わらないが)
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Test</title>
<style type="text/css"></style>
<script type="text/javascript">
if('undefined' !== typeof document.addEventListener)
window.addEventListener('load',function(){func();},false);
else if ('undefined' !== typeof document.attachEvent)
window.attachEvent('onload',function(){func();});
function func(){
var gazoulist=['gazou1.jpg','gazou2.jpg','gazou3.jpg'];
var gazou_number = 0;
var pre_gazou_number = 0;
if ('undefined' !== typeof localStorage){
if(localStorage.gazou_number)
pre_gazou_number=localStorage.gazou_number;
}
while(gazou_number == pre_gazou_number)
gazou_number = Math.floor(Math.random()*gazoulist.length);
document.getElementById("gazo").src=gazoulist[gazou_number];
if ('undefined' !== typeof localStorage)
localStorage.gazou_number=gazou_number;
}
</script>
</head>
<body>
<p>TOP画像<br>
<img id="gazo" alt="Top画像" src="gazou1.jpg">
</p>
</body>
</html>
localStorageが無いブラウザーはCookieで同様の事をする!
見やすくするため全角空白を使用してます。半角空白にしてね!
No.2
- 回答日時:
<script type="text/javascript">
(function(){
var src=[
'010101.jpg',
'aaaa.jpg',
'test.jpg'
];
var i=Math.floor(Math.random()*src.length);
document.write('<img src="'+src[i]+'" />');
})();
</script>
ランダム表示のjavascriptです。
src=[]の中に、画像のパスを''で囲ってカンマ(,)区切りで入れてってください。
ただ、ランダムなので当然連続して同じものが表示されてしまいますが。
No.1
- 回答日時:
JavaScriptを使うことになるとおもいます
参考URL
eWeb
http://javascript.eweb-design.com/0804_ri.html
とほほのjavascript入門
http://pzxa85.hp.infoseek.co.jp/www/wwwjssm2.htm …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ブラウザの横幅に応じてとある画像(e.jpg)を画面いっぱいに表示できるようにしたいです。(写真の横 1 2022/10/06 21:17
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- その他(パソコン・スマホ・電化製品) アンドロイドスマホの画面にクリックするとJPG写真が開くショートカットを作りたいのですが、方法をおし 3 2023/08/27 10:01
- WordPress(ワードプレス) ワードプレスで、左寄せ画像と文字を横並びにせず、画像の下に文字を表示される方法を教えてください 1 2022/04/24 11:06
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- その他(Microsoft Office) 複数の写真を1枚に印刷 5 2023/05/05 22:41
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- その他(ブログ) シーサーブログのタイトル文字位置とブログ説明文字位置の変更方法 2 2022/09/22 20:55
- PHP アップロード画像数でCSSを分けることに成功したのですが、画像の横に文字を並べることが出来ません。 3 2023/07/28 17:16
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlから<a>でpdf表示時にpdf資...
-
一つのリンクで、複数のウィン...
-
一つのリンクに複数のURLを指定
-
ハイパーリンクをクリックして...
-
window.confirmのタイトル
-
画像をぴったりウィンドウ内に...
-
現在開いているWEBページを...
-
、URL化させるにはどうしたらい...
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
Dreamweaverでページ全体が文字...
-
form action="#"
-
htmlファイルの表示が真っ白
-
Webサイトから、txtファイルを...
-
折りたたみ可能なフリーのHTML...
-
java_run.batがダウンロードで...
-
HTMLで別PCのフォルダを開く
-
css ,videotタグ。ホームページ...
-
iPadの標準ブラウザでローカルH...
-
.htmと.htmlの違い
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
一つのリンクに複数のURLを指定
-
window.confirmのタイトル
-
ブラウザの右上にあるボタンを...
-
リンク先を2つ表示させる
-
ページ切り替え時に音を鳴らし...
-
htmlから<a>でpdf表示時にpdf資...
-
リンク先のURLが毎日変わる場合...
-
HTMLで条件によって表示・非表示
-
行番号を指定したリンク
-
テキストアンカーリンクで複数U...
-
objectタグで埋め込んだHTMLの...
-
一つのリンクで、複数のウィン...
-
リロードさせるたびに画像を変...
-
タイトルバーを非表示にできま...
-
別ページを縮小表示
-
ひとつのhtmlでjavascriptとvbs...
-
jQueryプラグイン、サーバー上...
-
現在開いているWEBページを...
-
最新更新日をページに表示させ...
-
リンク先のテキストボックスへ...
おすすめ情報