- 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 › [solved] AnythingSlider not scaling to fit bigger image.
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: http://www.ocbcf.com/test/test.html
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.