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

Home Forums JavaScript AnythingSlider with a mobile stylesheet

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #30985

    I’m using the very awesome AnythingSlider on a site and it’s working well. But I’m also using a separate mobile layout using a mobile stylesheet and having some problems. I’m resizing the images, slider window, etc to 100% width (see CSS below), and everything is being resized, except the images within the slider. They aren’t being resized and so only the top corner of each photo rotates through the slider. I’ve also tried the slider setting as below (the width and height are half the original). What I want, is to have the slider itself and each of the images take up 100% of the viewport.

    Any suggestions?

    div.anythingSlider, .anythingWindow, .anythingSlider img, div.anythingSlider ul.anythingSlider li img
    border: none;
    padding: 0;
    width: 100% !important;


    width : 300, // Override the default CSS width
    height : 200, // Override the default CSS height
    resizeContents : true, // If true, solitary images/objects in the panel will expand to fit the viewport
Viewing 1 post (of 1 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.