- This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
- The forum ‘JavaScript’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › JavaScript › AnythingSlider trouble!
Hi. I’m working with the jQuery plugin “AnythingSlider” right now, and it’s giving me some issues. The whole slideshow is off to the right of the page and for some reason, the images in the slideshow are being stretched to fill the entire box.
I need the images to maintain their normal size and the slideshow to be centered on the page underneath the rest of the content.
Some info that might help:
– The whole slideshow is contained in a div with the id of “slider”
– Each image in the slideshow is contained in its own div
– There are two javascript sources commented out of the HTML because I’m thinking they’re unnecessary
Can someone please help?
Here’s a demo site: http://whitelandsurvey.com/beta/index.html
Hi NoizyCr1cket!
Inside of your anythingslider.css file, there are extra margins that shouldn’t be there. These margins should be set to zero.
#slider {
width:800px;
height:362px;
float:left;
clear:both;
margin-left:112px; /* remove this */
margin-top:66px; /* remove this */
}
To prevent the resizing of images, set the “resizeContents” option to false, or you can add an additional wrapper around the images.
And yes, unless you plan to use the fx or include videos inside of the slider, the two files that are commented out are unneccessary.