What variable dictates position of non-focused elements in the roundabout plugin?
Posted
by
kristina childs
on Stack Overflow
See other posts from Stack Overflow
or by kristina childs
Published on 2012-03-26T23:24:34Z
Indexed on
2012/03/26
23:30 UTC
Read the original article
Hit count: 246
jQuery
|positioning
Part of the problem here is that i'm not sure what the best language to use in order to find the solution. I search and searched so please forgive if this is already a thread somewhere.
I'm using the roundabout plugin to cycle through 3 divs. Each div is 794px wide, which makes the roundabout-in-focus element 794 and the two not in focus 315.218px wide, positioned so half of each is hidden by the in-focus div. This is all well and good, however the total width of the display needs to stay within 1000px (ideally 980px, but i can fudge if need be.)
Basically I want to make the non-focused divs be 3/4 hidden by the in-focus div but for the life of me can't figure out what variables i need to edit in order to do it. Unfortunately it's not one of the many easily-changed options like z-index and minScale. i tried minScale but it's clear this isn't going to work.
the plugin outputs this code:
<li class="roundabout-moveable-item" style="position: absolute; left: -57px; top: 205px; width: 319.982px; height: 149.513px; opacity: 0.7; z-index: 146; font-size: 5.6px;">
i need to find out what changes the left positioning so it's shifted closer to the center of the stage, like this:
<li class="roundabout-moveable-item" style="position: absolute; left: 5px; top: 205px; width: 319.982px; height: 149.513px; opacity: 0.7; z-index: 146; font-size: 5.6px;">
i tried playing with the positioning functions of the plugin but all that did was shift everything in tandem left or right.
any help is greatly appreciated. this site is going to be awesome once i figure out all this jquery stuff!
here is a link to my .js file: http://avalon.eaw.com/scripts/jquery.roundabout2.js i've got an overflow:hidden on the to help guide the positioning of those no-focused items.
© Stack Overflow or respective owner