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

Home Forums JavaScript [solved] AnythingSlider not scaling to fit bigger image.

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #148672

    Hello, I’m trying to use AnythingSlider as a comic viewer that starts with a “cover page” (one panel) that has a width of 701px and height of 1083px, and another panel with a width of 1402px and height of 1083px, that will act as interior pages.

    The problem I’m having is that the wider panel, no matter what styling I declare is forced to have a max-width: 701px;, and a forced height: 542px;. Those attributes show up as inline styling, which is leading me to believe this is coming from within the AnythingSlider plugin.

    I have expand and resizeContents set to false. I’ve tried declaring each panel size via .slider li.panel2 {width:1402px; height:1083px;} and the sizes will show up on the<img>, the <img> itself will have a forced max-width:701px; on it from seemingly no where overriding the code on my style sheet.

    I’ve set up a hosted test page with the slider on it demonstrating the problem at:

    I’ve poured over the files many times so I don’t think I missed an option, but just in case it was something super simple that I just overlooked, I apologize in advance.

    Thank you for any possible help, I’ve been stuck on this for a while, and it is the only big hurdle left holding my site from completion.

    Technical notes: I haven’t finished the CSS editing for the nav arrows and the anythingControls, so they’re going to look wonky.

    I am using the latest version of AnythingSlider (v1.9.2).


    Figured it out. For anythingSlider-default I had to set the width to 1402px. Something super simple, that I just overlooked.

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