Home › Forums › JavaScript › Resizing Anything Slider › Re: Resizing Anything Slider
November 13, 2009 at 2:20 pm
#66526
Member
You’ll need to edit this section in slider.css:
Code:
.anythingSlider .arrow { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward { background-position: 0 0; right: -20px; }
.anythingSlider .back { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover { background-position: 0 -200px; }
.anythingSlider .back:hover { background-position: -67px -200px; }
.anythingSlider .forward { background-position: 0 0; right: -20px; }
.anythingSlider .back { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover { background-position: 0 -200px; }
.anythingSlider .back:hover { background-position: -67px -200px; }
LEFT and RIGHT declarations within the .anythingSlider .forward and .anythingSlider .back items … that tells the arrows where to appear horizontally.
The TOP declaration within the .anythingSlider .arrow item – that tells the arrows where to appear vertically.
You just need to play around with those numbers until you get your arrows where you need them.