1

我使用了一个 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&amp;store_id=1161">
     <img src="../images/content/pagebuilder/kidsbooks_button.jpg" alt="Kids Books"  />
</a>
<a target="_self" href"Ecommerce/1940604903?FOLDER=1086&amp;store_id=1161">
     <img src="../images/content/pagebuilder/games_button.jpg" alt="Games"  />
</a>
<a target="_self" href"Ecommerce/1940604903?FOLDER=1089&amp;store_id=1161">
     <img src="../images/content/pagebuilder/kidsdecor_button_1.jpg" alt="Kids Decor"  />
</a>
<a target="_self" href"Ecommerce/1940604903?FOLDER=1934&amp;store_id=1161">
    <img src="../images/content/pagebuilder/models_button.jpg" alt="Models"  />
</a>
<a target="_self" href"Ecommerce/1940604903?FOLDER=1930&amp;store_id=1161">
    <img src="../images/content/pagebuilder/science_button.jpg" alt="Science"  />
</a>
<a target="_self" href"Ecommerce/1940604903?FOLDER=1084&amp;store_id=1161">
    <img src="../images/content/pagebuilder/toys_button.jpg" alt="Toys"  />
</a>
</div>
</div>
</div>

但随后图像不再滚动。相反,只有一个图像位于 div 的左侧,它们在该空间中单独滚动,而不是一行。

有什么建议吗??在大多数情况下,我仍然是新手,所以我可能会遗漏一些非常明显的东西。但我真的很感激任何帮助。

4

0 回答 0