jquery プラグインを使用してエンドレス スクロールを作成しました: http://go.nbm.org/site/PageNavigator/museum shop/general shop site pages/Shop_Slider_Test.html
ただし、各画像を別のページにリンクしたい。私はそうしようとしました:
<img src="../images/content/pagebuilder/a.toy_banner.jpg" border="0" alt="The Toy Shop Banner" width="670" height="290" /></p>
<div id="makeMeScrollable" style="width: 670px; height: 160px;">
<div class="scrollingHotSpotLeft" style="opacity: 0;"></div>
<div class="scrollingHotSpotRight" style="opacity: 0;"></div>
<div class="scrollWrapper">
<div class="scrollableArea" style="width: 963px;">
<a target="_self" href"Ecommerce/1940604903?FOLDER=1340&store_id=1161">
<img src="../images/content/pagebuilder/kidsbooks_button.jpg" alt="Kids Books" />
</a>
<a target="_self" href"Ecommerce/1940604903?FOLDER=1086&store_id=1161">
<img src="../images/content/pagebuilder/games_button.jpg" alt="Games" />
</a>
<a target="_self" href"Ecommerce/1940604903?FOLDER=1089&store_id=1161">
<img src="../images/content/pagebuilder/kidsdecor_button_1.jpg" alt="Kids Decor" />
</a>
<a target="_self" href"Ecommerce/1940604903?FOLDER=1934&store_id=1161">
<img src="../images/content/pagebuilder/models_button.jpg" alt="Models" />
</a>
<a target="_self" href"Ecommerce/1940604903?FOLDER=1930&store_id=1161">
<img src="../images/content/pagebuilder/science_button.jpg" alt="Science" />
</a>
<a target="_self" href"Ecommerce/1940604903?FOLDER=1084&store_id=1161">
<img src="../images/content/pagebuilder/toys_button.jpg" alt="Toys" />
</a>
</div>
</div>
</div>
しかし、その後、画像はスクロールしなくなりました。代わりに、1 つの画像のみが div の左側に配置され、行ではなくそのスペースで個別にスクロールされます。
何かアドバイス??私はまだこのほとんどの初心者であるため、本当に明らかな何かが欠けている可能性があります。しかし、私は本当に助けていただければ幸いです。