search

CSS-Tricks / AnythingSlider

A jQuery Slider plugin for anything.
http://css-tricks.github.io/AnythingSlider/
GNU Lesser General Public License v3.0
1.15k stars 380 forks source link

Slider not changing size to fit image, instead forcing bigger image to be smaller. #576

Closed DamionCX closed 11 years ago

DamionCX commented 11 years ago

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 multiple 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.

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).

DamionCX commented 11 years ago

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