Javascriptのid⇔class変更？

質問

cssは少し勉強していますが、Javascriptは全くの無知のせいか、行き詰っております。

テンプレートに含まれていたJavascriptを使って、
写真の見せ方に効果を付けようとしているのですが、
同ページ内に複数設定出来ず困っています。

HTMLには
<div id="zoom">
<img src="images/no1.jpg" alt="" title="sample" />
<img src="images/no2.jpg" alt="" title="sample" />
<img src="images/no3.jpg" alt="" title="sample" />
</div>

外部シートには
$(document).ready(function(){
if ($("#zoom").length) {
$('#zoom').cycle({
fx: 'zoom',
sync: false,
delay: -2000
});
}
});

となっており、css同様『id』となっているせいか？と思い
HTMLは　id→class
外部シートは　#→.
と試しましたが、ぐちゃぐちゃになりました。

チェックするポイントが的外れかもしれませんが、ご教授頂けるとすごく助かります。
どなたかよろしくお願いします！

回答No.2

stuff_ppo · ベストアンサー

ご提示のJavaScriptソースは、jQueryというライブラリの導入が前提のコードに見えます。

ですので、まずは、
・jQuery
・求めたい効果を与えるプラグイン（http://www.malsup.com/jquery/cycle/ でしょうか？）
の二種が導入されているかをご確認ください。

HTMLソースの中に
<script src="js/jquery.js"></script>
<script src="js/jquery.cycle.min.js"></script>
のような記述があれば大丈夫です。

また、cycleプラグインのページのソースと見比べましたが、
if/lengthは特に不要かと思います。
HTMLはそのままにして、JavaScriptを
────────────────────────
$(document).ready(function(){
$('#zoom').cycle({
fx: 'zoom',
sync: false,
delay: -2000
});
});
────────────────────────
にすれば動きませんか？

尚、jQueryというライブラリの文法では、
特定のid,classを持つ要素を取り出す際、
$('#id'), $('.class') のように書き表します。

今回は特に修正不要ですが、
> HTMLは　id→class
> 外部シートは　#→.
この対応関係はばっちりです！

お礼

解決できました。
感激のあまり泣きそうです！
ほんとに、ほんとにありがとうございます！

回答No.1

JidousyaGaisya

暫しの御待ちを…