javascript - 自动在幻灯片上定位箭头

Question

我目前正在编写 jQuery 幻灯片效果，需要一些帮助。我的所有附带功能都正常工作，我唯一的问题是我希望将导航箭头自动定位在幻灯片框的两侧(960 像素，位于屏幕中央)。

最终产品应该像 Kriesi 在这里所做的那样:http://www.kriesi.at/themes/upscale/

我看过他的代码，但不太明白。任何帮助将不胜感激!

谢谢!

Answer 1

我不明白你所说的“我不太清楚如何最初将它们放置在幻灯片上......如果我在 CSS 中这样做，那么它不会在所有屏幕分辨率上工作”是什么意思。 ...？

如果您相对于幻灯片放置箭头，就不会有问题。例如，要将它们放置在左上角和右上角，请在样式中包含以下内容:

#slideshowcontainer{
   width: 960px; 
   height: 400px;
   position: relative;
}
#leftarrow{
   position: absolute;
   top: 0px;
   left: -40px; /* position the arrow 40px to the left of the slideshow */
}
#rightarrow{
   position: absolute;
   top: 0px;
   right: -40px; /* position the arrow 40px to the right of the slideshow */
}

显然，您需要根据箭头的大小以及您想要的位置等调整值以适应