Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript AnythingSlider trouble!

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #40396
    NoizyCr1cket
    Participant

    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

    #112330
    Mottie
    Member

    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.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.