我使用了一个 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>
但随后图像不再滚动。相反,只有一个图像位于 div 的左侧,它们在该空间中单独滚动,而不是一行。
有什么建议吗??在大多数情况下,我仍然是新手,所以我可能会遗漏一些非常明显的东西。但我真的很感激任何帮助。