画像スライド・エラーが表示されて動きません
-
0 名前： saki ： 2007/06/08（金） 17:48 ID:GBWLis73 sub-v7
- 初めまして。
下記URLのように、画像がスライドするようにしたいのですが、
下記URLで用意されているCSS,HTML,JSを同じように組み込んでも、エラーが出てしまいます。
http://zend.lojcomm.com.br/icarousel/example6.asp
エラー内容は、
ライン：3
文字：1
エラー：オブジェクトでサポートされていないプロパティまたはメソッドです
コード：0
です。
javascriptも初心者であり、また、慣れないXHTMLでページを作っているので、
どこがおかしいのか、どう直せばいいのかさっぱり分からない状況です。
下部の小さい画像をクリックすると、上部の大きい画像がスライドして表示されるはずですが、
現状では、下部の小さい画像をクリックすると、単純にアドレスが『〜html#』に切り替わるだけで、
スライドなどおきません。
JSファイルを読み込んでいないか、間違っているような印象なのですが・・・。
お手数をおかけしますが、どうしたらいいか教えてください。
以下、XHTMLを載せておきます。
JSファイル、CSSファイルは、はじめに挙げたURLで用意されているものをそのまま、外部ファイルにして使っています。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title></title>
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />
<link rel="stylesheet" href="css/bbb.css" type="text/css" />
<script type="text/javascript" src="css/aaa.js"></script>
</head>
<body>
<div id="container_bd">
<h3></h3>
<div id="example_6">
<ul id="example_6_content">
<li class="example_6_item"><a href="#"><img src="img/a1.jpg" alt="slide 1" /></a></li>
<li class="example_6_item"><a href="#"><img src="img/a2.jpg" alt="slide 2" /></a></li>
<li class="example_6_item"><a href="#"><img src="img/a3.jpg" alt="slide 3" /></a></li>
<li class="example_6_item"><a href="#"><img src="img/a4.jpg" alt="slide 4" /></a></li>
<li class="example_6_item"><a href="#"><img src="img/a5.jpg" alt="slide 5" /></a></li>
<li class="example_6_item"><a href="#"><img src="img/a6.jpg" alt="slide 6" /></a></li>
<li class="example_6_item"><a href="#"><img src="img/a7.jpg" alt="slide 7" /></a></li>
</ul>
<div id="example_6_frame">
<ul>
<li><a href="#"><img id="thumb0" src="img/a.jpg" alt="thumbnail 1" /></a></li>
<li><a href="#"><img id="thumb1" src="img/b.jpg" alt="thumbnail 2" /></a></li>
<li><a href="#"><img id="thumb2" src="img/c.jpg" alt="thumbnail 3" /></a></li>
<li><a href="#"><img id="thumb3" src="img/d.jpg" alt="thumbnail 4" /></a></li>
<li><a href="#"><img id="thumb4" src="img/e.jpg" alt="thumbnail 5" /></a></li>
<li><a href="#"><img id="thumb5" src="img/f.jpg" alt="thumbnail 6" /></a></li>
<li><a href="#"><img id="thumb6" src="img/g.jpg" alt="thumbnail 7" /></a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
-
1 名前： 元帥 ： 2007/06/08（金） 17:48 ［URL］ ID:CijypI2J sub-bK
- 使い方くらい読んで下さいな。
http://zend.lojcomm.com.br/icarousel/
how to use:
First of all, iCarouse is built over MooTools v1.1, so both libraries are required.
Get MooTools at http://mootools.net and iCarousel here. Use IceBeat Packito to see mootools dependences.
With scripts in hands, include them between your "head" definition:
