在jquery中链接图像平滑滚动

时间:2012-11-13 19:11:59

标签: jquery image smooth-scrolling

我使用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的左侧,它们在该空间中单独滚动,而不是在一行中滚动。

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

0 个答案:

没有答案