背景画像を固定し、なおかつランダムにしたい
1 名前：葦 2006/04/05 22:54 ID:E1udUHrg
はじめまして、葦といいます。
早速なんですが、
<STYLE type="text/css">
<!--
BODY {
background-image : url("***.jpg");
background-attachment: fixed;
background-position: *% *%;
background-repeat: no-repeat;
}
-->
</style>
↑のような方法で背景を固定させて表示させたとき
表示させる画像をランダム表示にすることは可能でしょうか。
可能であれば方法を教えていただけないでしょうか。
よろしくお願いします。
2 名前：ワヒテ 2006/04/05 23:28 ID:JCuDMciQ
あまり勧められた方法ではありませんが、前に私はこの下に記す方法で同じことをしていました。
<SCRIPT LANGUAGE="JavaScript">
<!--
back=new Array(2);
back[0]="**1.jpg";
back[1]="**2.jpg";
MyBack=Math.floor(2*Math.random());
document.write("<body background='"+back[MyBack]+"'>");
//-->
</SCRIPT>
BODY{
background-position: *% *%;
background-repeat: no-repeat;
background-attachment : fixed;
}
この方法ではHTMLとCSSのすみわけができていませんから、
その点だけはご注意下さい。
3 名前：葦 2006/04/05 23:39 ID:E1udUHrg
>>2ありがとうございます。
すみわけができていないとどのようなメリットがあるのでしょうか。
たびたび質問すいません。
4 名前：ワヒテ 2006/04/05 23:43 ID:???
追記と訂正です。
<SCRIPT LANGUAGE="JavaScript">ではなく、
<SCRIPT TYPE='text/javascript'>を使うといいでしょう。
使う画像が増えたら適宜数字の部分を変えて、
back[*]="***.jpg";を増やしたりして下さい。
5 名前：ワヒテ 2006/04/05 23:47 ID:???
すみわけができていないことによるメリットはありません。
しかし、すみわけができていてもできていなくても、画面に表示されるものは一緒です。
すみわけはあくまでも「推奨」であって、
ソースをあまり気にしないならば気にしなくてもいいでしょう。
この辺りは、年月が経つと自然にわかってくるので、はじめのころは気にしなくても大丈夫だと思います。
6 名前：葦 2006/04/06 00:06 ID:E1udUHrg
間違えた、デメリットでした(^_^;)
わざわざありがとうございました
7 名前：Mexico 2006/04/06 00:31 ID:UqWsm/gA [URL]
8 名前：Belgium 2006/04/07 22:57 ID:X6Ri440E [URL]
9 名前：Iran 2006/04/07 22:58 ID:gozUo3dY [URL]
10 名前：Italy 2006/04/07 23:00 ID:yMN.Hwqw [URL]
11 名前：Brazil 2006/04/07 23:01 ID:YqZMZYQ2 [URL]
12 名前：Brazil 2006/04/08 19:13 ID:AGsGyGkQ [URL]
13 名前：Argentina 2006/04/08 19:15 ID:oppUGc1Y [URL]
14 名前：Argentina 2006/04/08 19:17 ID:qDR2vL.Q [URL]
15 名前：United States 2006/04/08 19:19 ID:I.fwsgIE [URL]
16 名前：Ukraine 2006/04/08 19:22 ID:l9dJnYOA [URL]
17 名前：Iran 2006/04/09 18:21 ID:/gWeVo8o [URL]
18 名前：Iran 2006/04/09 18:22 ID:/gWeVo8o [URL]
19 名前：Iran 2006/04/09 18:23 ID:4uYogon. [URL]
20 名前：India 2006/04/09 18:25 ID:/gWeVo8o [URL]
21 名前：Austria 2006/04/09 18:28 ID:ohUKjEVo [URL]
22 名前：United Kingdom 2006/04/09 18:30 ID:/wYDlW16 [URL]
23 名前：Italy 2006/04/10 17:18 ID:DQgDpFlM [URL]
24 名前：USA 2006/04/10 17:20 ID:zRx8HAK6 [URL]
25 名前：United Kingdom 2006/04/10 17:22 ID:DQgDpFlM [URL]
26 名前：England 2006/04/10 17:25 ID:w45CUIQE [URL]
27 名前：Portugal 2006/04/10 17:27 ID:BOQaSnAo [URL]
28 名前：Argentina 2006/04/10 17:28 ID:WV8PY0zI [URL]
29 名前：Japan 2006/04/10 17:31 ID:CIvJeCyE [URL]
30 名前：Japan 2006/04/10 17:33 ID:4PFzqE5M [URL]
31 名前：Brazil 2006/04/10 17:37 ID:yKjk.50I [URL]
32 名前：United States 2006/04/12 15:17 ID:qsHPOIAQ [URL]
33 名前：United States 2006/04/12 15:21 ID:lwganXO2 [URL]
34 名前：France 2006/04/12 15:24 ID:lWrOWK96 [URL]
35 名前：Mexico 2006/04/12 15:27 ID:08OLHmFE [URL]
36 名前：Brazil 2006/04/12 15:28 ID:UkTc7qr2 [URL]
37 名前：名無しさん 2006/04/12 16:28 ID:Bnez7asY
＿＿_,,,,,..... -一ｧ
/￣∧ ∧i 断 だ ,!
. / |1/ |1ヽる が ,!
/／￣￣￣｀ヽ〉 ＿,.,!
// /／ .,!
/ / ⌒ ⌒ | ,!
/ | （●） （●） |. ,!
/ ./ |.,!
/ ./ |,!
/ .{ /,!
｀`ヽ.､ ヽ、 ノ,!
｀`ヽ.､――‐''" ,!
｀`ヽ.､ ,!
｀ヽ.,!
38 名前：United Kingdom 2006/04/13 20:47 ID:yNDOiy66 [URL]
39 名前：Israel 2006/04/13 20:52 ID:zRx8HAK6 [URL]
40 名前：Israel 2006/04/13 20:54 ID:eUM5DleA [URL]
41 名前：Israel 2006/04/13 20:56 ID:y67pC4fI [URL]
42 名前：Germany 2006/04/14 19:23 ID:5cvyVfDU [URL]
43 名前：Japan 2006/04/14 19:25 ID:vIyzEcRo [URL]
44 名前：Austria 2006/04/14 19:29 ID:vIyzEcRo [URL]
45 名前：Japan 2006/04/14 19:31 ID:9xv32jnk [URL]
46 名前：Portugal 2006/04/14 19:34 ID:KaCujUIg [URL]
47 名前：管理人(偽者)ぶっ殺す 2006/04/14 23:00 ID:2vdWZALE
お前のこのページ＆お前死ね！！
玄関開けたら２秒で死ね！！
お前のタグはインチキタグばっかりのせやがって調子のんな
このページパクリばっかのくせに調子のんな
48 名前：Iran 2006/04/15 16:31 ID:LlkbngRc [URL]
49 名前：United Kingdom 2006/04/15 16:33 ID:nvcedsd6 [URL]
50 名前：Ukraine 2006/04/15 16:35 ID:zmET2E2o [URL]
51 名前：Israel 2006/04/15 16:37 ID:8n0nGbK. [URL]
52 名前：Argentina 2006/04/15 16:39 ID:iVpXrfs2 [URL]
53 名前：麹 2006/04/15 18:44 ID:???
最近管理できてなす・・・
はやく管理人戻ってきて〜
54 名前：はむこぽん 2006/04/16 13:11 ID:32HbyCSU
就職活動中って言ったって、
せめて１ヶ月に１回は戻ってほしいよ〜
55 名前：New Zealand 2006/04/16 18:14 ID:vIyzEcRo [URL]
56 名前：Italy 2006/04/16 18:16 ID:15d6E9I. [URL]
57 名前：Iran 2006/04/16 18:18 ID:5krMT5Y2 [URL]
58 名前：China 2006/04/16 18:21 ID:6Pqo9ehs [URL]
59 名前：England 2006/04/16 18:23 ID:zAj0/bDc [URL]
60 名前：Canada 2006/04/17 15:55 ID:1fi1zynI [URL]
61 名前：United Kingdom 2006/04/17 15:58 ID:yKjk.50I [URL]
62 名前：Russia 2006/04/17 16:03 ID:agqwTm.6 [URL]
63 名前：Portugal 2006/04/17 16:04 ID:BlCQiW8A [URL]
64 名前：India 2006/04/17 16:05 ID:QKjH.m7. [URL]
65 名前：Brazil 2006/04/18 17:09 ID:/dSX0XMw [URL]
66 名前：Argentina 2006/04/18 17:11 ID:2Wx4WxFg [URL]
67 名前：Argentina 2006/04/18 17:13 ID:GKYBQXCQ [URL]
68 名前：Brazil 2006/04/18 17:15 ID:UQmQDBpo [URL]
69 名前：Finland 2006/04/19 15:14 ID:s82UGZyk [URL]
70 名前：Mexico 2006/04/19 15:16 ID:HFJhi/iQ [URL]
71 名前：United States 2006/04/19 15:19 ID:HFJhi/iQ [URL]
72 名前：Canada 2006/04/19 15:21 ID:HFJhi/iQ [URL]
73 名前：USA 2006/04/19 15:24 ID:pjGc2zb6 [URL]
74 名前：US 2006/04/21 16:34 ID:siQ.Qx8o [URL]
75 名前：US 2006/04/21 16:34 ID:tvOWhg5w [URL]
76 名前：China 2006/04/22 06:58 ID:s/pKY9sk [URL]
77 名前：Iran 2006/04/22 07:00 ID:zRx8HAK6 [URL]
78 名前：Ukraine 2006/04/22 07:03 ID:f4KVqzco [URL]
79 名前：Brazil 2006/04/22 07:05 ID:jD9Juuv6 [URL]
80 名前：Finland 2006/04/22 07:07 ID:zRx8HAK6 [URL]
81 名前：Belgium 2006/04/23 06:04 ID:fz/l5L5. [URL]
82 名前：Italy 2006/04/23 06:07 ID:QKjH.m7. [URL]
83 名前：United Kingdom 2006/04/23 06:09 ID:fz/l5L5. [URL]
84 名前：Israel 2006/04/23 06:11 ID:siQ.Qx8o [URL]
85 名前：（ ´∀｀） 2006/04/23 17:04 ID:K1fryR7Y
>>84イスラエルがそんなサイト推薦するわけないだろボケ。
86 名前：None 2006/04/23 19:15 ID:mrBwV1jY [URL]
87 名前：None 2006/04/23 19:15 ID:6dwQD9hE [URL]
88 名前：None 2006/04/23 20:31 ID:IYTkRaWs [URL]
89 名前：None 2006/04/23 20:31 ID:NEc92CPA [URL]
90 名前：None 2006/04/23 20:37 ID:VuiEnQik [URL]
91 名前：None 2006/04/23 20:37 ID:U6uANztk [URL]
92 名前：None 2006/04/23 20:39 ID:VqLJ4r1A [URL]
93 名前：ab 2006/04/23 21:34 ID:32HbyCSU
94 名前：None 2006/04/24 05:24 ID:BjO3mGeE [URL]
95 名前：None 2006/04/24 05:24 ID:N6QXVQK6 [URL]
96 名前：None 2006/04/24 05:24 ID:siQ.Qx8o [URL]
97 名前：None 2006/04/24 05:25 ID:i4m2/BQE [URL]
98 名前：None 2006/04/24 05:25 ID:XOyNuWBA [URL]
99 名前：None 2006/04/24 05:25 ID:ZYZBxseE [URL]
100 名前：None 2006/04/24 05:26 ID:t5YNZl9w [URL]
101 名前：None 2006/04/24 05:27 ID:XOyNuWBA [URL]
102 名前：None 2006/04/24 05:27 ID:5A/SBghE [URL]
103 名前：None 2006/04/24 06:04 ID:gDiyJcDE [URL]
104 名前：None 2006/04/24 06:05 ID:wgaKbd4g [URL]
105 名前：None 2006/04/24 06:05 ID:/hlzz3hA [URL]
106 名前：None 2006/04/24 06:05 ID:LI43auow [URL]
107 名前：None 2006/04/24 06:47 ID:h.JBxyqo [URL]
108 名前：None 2006/04/24 06:47 ID:OAd/QZ4E [URL]
109 名前：None 2006/04/24 06:48 ID:NW5WWBwg [URL]
110 名前：None 2006/04/24 06:48 ID:bCjf4z3w [URL]
111 名前：None 2006/04/24 06:50 ID:TkEmWryk [URL]
112 名前：None 2006/04/24 06:50 ID:g3KWptZQ [URL]
113 名前：Belgium 2006/04/24 07:30 ID:1JPkJ6IQ [URL]
114 名前：India 2006/04/24 07:34 ID:zNrzqYvY [URL]
115 名前：Portugal 2006/04/24 07:36 ID:5A/SBghE [URL]
116 名前：Russia 2006/04/24 07:37 ID:5A/SBghE [URL]
117 名前：None 2006/04/24 15:24 ID:/EgrK9X6 [URL]
118 名前：None 2006/04/24 15:25 ID:f0SYgSuQ [URL]
119 名前：None 2006/04/24 18:58 ID:zgycb7lA [URL]
120 名前：None 2006/04/24 18:58 ID:al4UF3l2 [URL]
121 名前：None 2006/04/24 18:58 ID:wgaKbd4g [URL]
122 名前：None 2006/04/24 18:58 ID:E7cJNVZw [URL]
123 名前：None 2006/04/24 18:59 ID:4DxJAmwE [URL]
124 名前：None 2006/04/24 18:59 ID:1BeY8L6E [URL]
125 名前：None 2006/04/24 19:00 ID:ONkzaGdk [URL]
126 名前：None 2006/04/25 02:04 ID:pN2sKr7Y [URL]
127 名前：None 2006/04/25 02:05 ID:Fi/X9ggo [URL]
128 名前：None 2006/04/25 02:05 ID:WrsqUjwY [URL]
129 名前：None 2006/04/25 02:06 ID:Pfa40KHU [URL]
130 名前：None 2006/04/25 02:06 ID:VwL6mM.A [URL]
131 名前：None 2006/04/25 02:21 ID:VwL6mM.A [URL]
132 名前：None 2006/04/25 02:21 ID:QmBN/fNc [URL]
133 名前：None 2006/04/25 02:21 ID:b1Fjs7eQ [URL]
134 名前：None 2006/04/25 02:22 ID:JrMRm.WQ [URL]
135 名前：None 2006/04/25 02:22 ID:zRx8HAK6 [URL]
136 名前：None 2006/04/25 02:22 ID:6lsY9GbI [URL]
137 名前：None 2006/04/25 02:22 ID:A7v6YxqI [URL]
138 名前：None 2006/04/25 02:49 ID:usbEBHiw [URL]
139 名前：None 2006/04/25 02:49 ID:2Wx4WxFg [URL]
140 名前：None 2006/04/25 02:50 ID:g3KWptZQ [URL]
141 名前：None 2006/04/25 02:51 ID:f4KVqzco [URL]
142 名前：None 2006/04/25 02:52 ID:A7v6YxqI [URL]
143 名前：bernardo 2006/04/25 04:51 ID:qT7yinJY
144 名前：None 2006/04/25 06:49 ID:g3KWptZQ [URL]
145 名前：None 2006/04/25 06:49 ID:4QHmmwF. [URL]
146 名前：None 2006/04/25 06:49 ID:X2pq//1E [URL]
147 名前：None 2006/04/25 07:09 ID:mdd2yz1k [URL]
148 名前：None 2006/04/25 07:09 ID:iXNkFmu2 [URL]
149 名前：None 2006/04/25 07:10 ID:f4KVqzco [URL]
150 名前：None 2006/04/25 07:10 ID:R8i2psJ6 [URL]
151 名前：None 2006/04/25 07:10 ID:t5Nc7vYA [URL]
152 名前：None 2006/04/25 07:11 ID:kLNQk0rY [URL]
153 名前：None 2006/04/25 07:11 ID:V0I5YgQQ [URL]
154 名前：None 2006/04/25 07:39 ID:2H6nRfW2 [URL]
155 名前：None 2006/04/25 07:39 ID:gDiyJcDE [URL]
156 名前：None 2006/04/25 07:39 ID:vRLM5SGA [URL]
157 名前：None 2006/04/25 07:39 ID:2H6nRfW2 [URL]
158 名前：None 2006/04/25 08:20 ID:15d6E9I. [URL]
159 名前：None 2006/04/25 08:21 ID:1XJbNWKU [URL]
160 名前：None 2006/04/25 08:20 ID:7CC49L4Q [URL]
161 名前：None 2006/04/25 08:23 ID:61ud51g6 [URL]
162 名前：Japan 2006/04/25 08:26 ID:4UejNkMw [URL]
