k0021のプロフィール
- ベストアンサー数
- 32
- ベストアンサー率
- 26%
- お礼率
- 89%
HTMLとJavaScriptは、特殊のホームページを作成していますのでそこで使用内容等も回答しています 別の項目は、趣味により回答出来そうな内容です
- 登録日2006/05/08
- 複数枚画像を表示して一定時間で切り替える方法
画像を表示して一定時間で切り替える方法は別ページに記載されているものをみて出来たのですが、最初に複数枚表示してて、その画像を定時間で切り替えたいのですがご教授願います。 以下別質問で見つけたもの <!-- これを画像を張りたい位置に挿入。<body>~</body>内 --> <script type="text/javascript"> /* 設定部分 */ var interval = 3000; //切り替わる時間(1000=1秒) var imgs = new Array(); var hrefs = new Array(); imgs[0] = new Image(); imgs[0].src = "http://www.xxxxx.net/images/img-main/pake/013.jpg"; hrefs[0] = "http://www.xxxxx.net/moviepages/130923_707_01/index.html"; imgs[1] = new Image(); imgs[1].src = "http://www.xxxxx.net/images/img-main/pake/014.jpg"; hrefs[1] = "http://www.xxxxx.net/moviepages/130906_701_01/index.html"; imgs[2] = new Image(); imgs[2].src = "http://www.xxxxx.net/images/img-main/pake/015.jpg"; hrefs[2] = "http://www.xxxxx.net/moviepages/130830_698_01/index.html"; /* プログラム部分 */ var num = Math.floor(Math.random()*imgs.length); document.write('<a href="'+hrefs[num]+'" id="cth"><img src="'+imgs[num].src+'" id="cti" style="border:0" /></a>'); var cti = document.getElementById("cti"); var cth = document.getElementById("cth"); setInterval(function(){ num += Math.floor(Math.random()*(imgs.length-1))+1; if(num>=imgs.length) num -= imgs.length; cti.src = imgs[num].src; cth.href = hrefs[num]; },interval); </script> <!-- ここまで --> script初心者でよくわかりません><
- 締切済み
- pawoonpawoon
- JavaScript
- 回答数3
- 横スクロールを縦スクロールに変換したい
ちょっと違うのですが、こちらのサイトをご覧ください。 http://www.rinkokikuchi.com/# このサイトでは横スクロールデザインですが、マウスの縦スクロールをしても横にスクロールできるようになっています。 私が今困っているのはパララックスを使った縦スクロールのサイトを作っているのですが、 マウスのホイールを横にスクロールした際にもサイトを縦にスクロールできる様にしたいのですが、分かりません。 縦横どちらでもスクロールできる様にしたいです。 どなたか教えて頂けませんでしょうか。
- 締切済み
- sarutorusa
- CSS
- 回答数1
- HTMLでCなどのソースを載せるときに
お世話になります。 Webページに、C言語などのサンプルコードを 載せたい場合、<pre>タグなどを使わずに、きれいに タブスペースやインデントを表現できる方法は ありませんでしょうか。 通常に載せただけでは、タブ文字や半角スペースは 表示されませんし、だからといって & nbsp;などの連続で インデントを表現するのもあまりカッコよくありません。 たいていは<pre>タグを使用されているのが多いのですが、 やはり非推奨なので、できれば使用したくありません。 具体的な方法がありましたら、お教え願えないでしょうか。 よろしくお願いします。
- ベストアンサー
- tatapatank
- HTML
- 回答数4
- W3C CSS検証サービスのエラー箇所を修正したい
お世話になります。 YUI(Yahoo! UI Library)のReset CSSをW3CのCSS検証サービスでエラーが出ないように修正をしています。 試行錯誤を繰り返し、いくつかあったエラー・警告は修正できたのですが、 input, textarea, select { *font-size:100%; } 上記の部分のみエラーが出てしまいます。この部分の記述を input, textarea, select { font-size:100%; } 上記のように*を外すとエラーが出なくなるのですが、*があるのとないのではどのような違いがあるのか?*を外した場合、リセットCSSとしての本来の役割(ブラウザごとの初期値の違いをリセットする)を果たす上で問題が出ないのかどうか?という事が、イマイチわかりません。 仮に*を外した場合、リセットCSSとしての役割を果たす上で何か問題が出るのであれば、どのような問題が出るのか?また、その場合、どのように修正すればリセットCSSとしての本来の役割を果たしつつ、W3CのCSS検証サービスでエラーが出ないように出来るかご教授頂ければ幸いでございます。 よろしくお願いいたします。
- IE9なのにIE7と判別される
jsにてユーザーエージェント判別をして、 各ブラウザを判別し、bodyに各々のクラスをつけるようにしています。 IEのバージョンを調べるために、 if (appVersion.indexOf("msie 6.0") > -1) { $('body').addClass('ie6'); } このように書き、バージョンを判別しているのですが、、、 なぜかIE9でみているのにも関わらずIE7になってしまっています。。。 しかし違うパソコンで見るときちんとIE9になっているんですね。 何が原因なのでしょうか。 このようなことが起きるのであれば、 IEのバージョンの判別は辞めた方がよいのかなーとも思っています。 実際このようなことがユーザーの中で起こりうる可能性があるのならば、 IE9で崩れる原因になりかねないと思いましたので。。。 もし何か分かる方がいらっしゃったらご教示いただければ幸いです。 どうぞ宜しくお願い致します。