TheEagle Posted October 16, 2010 Report Share Posted October 16, 2010 Hi I'm trying to get use of the following JQuery example: Animated Boxes Example The boxes are not hidden outside the wrapper box (The Div which contains the animated boxes) as they should be to show a cool scroller.I tried overflow:hidden but it didn't work in that example as it does in other examples. Could any one help me to find a solution? Quote Link to comment Share on other sites More sharing options...
PicnicTutorials Posted October 16, 2010 Report Share Posted October 16, 2010 I dont really know why overflow hidden on the window div doesnt work either. My guess is jquery is overriding it. But if you say overflow hidden and position absolute on the window div that does give you what you need. Or position relative but that fubars the position of the inner scrolling divs. Quote Link to comment Share on other sites More sharing options...
TheEagle Posted October 17, 2010 Author Report Share Posted October 17, 2010 I dont really know why overflow hidden on the window div doesnt work either. My guess is jquery is overriding it. But if you say overflow hidden and position absolute on the window div that does give you what you need. Or position relative but that fubars the position of the inner scrolling divs. After reading your reply I tried adding the position:absolute to the window div.It hides the overflow correctly but I observed that the animated boxes looks like shaking a bit. Also about absolute position is there any risk in using it inside a relative div so I don't need to specify left and top values? Quote Link to comment Share on other sites More sharing options...
PicnicTutorials Posted October 17, 2010 Report Share Posted October 17, 2010 Default is always left/top 0 but for IE it's always prob a good idea to just declare them. If it shakes I would just look for a different script. There are tons of this floating around. Just google jQuery photo scrolling or something like that. Quote Link to comment Share on other sites More sharing options...
TheEagle Posted October 17, 2010 Author Report Share Posted October 17, 2010 Default is always left/top 0 but for IE it's always prob a good idea to just declare them. If it shakes I would just look for a different script. There are tons of this floating around. Just google jQuery photo scrolling or something like that. Well this is the third one I'm looking at.My goal is not only floating pictures.But also using a details ballon on them. When I try that on one of the plugins pictures it works but if I move the mouse over the pictures quickly (enter-leave) the leave event is just not handled.That why I liked the Animate example because it is made from scratch so I may be able to do it this time... However I will try on that one and other plugins I have again. By the way I don't see "mark as answer" in this forum?! Quote Link to comment Share on other sites More sharing options...
Kyle Undefined Posted October 27, 2010 Report Share Posted October 27, 2010 Have you figured this out? Instead of using the leave() function, have you tried the .hover()? Quote Link to comment Share on other sites More sharing options...
TheEagle Posted November 1, 2010 Author Report Share Posted November 1, 2010 Have you figured this out? Instead of using the leave() function, have you tried the .hover()? Yes I tried hover long time ago and same result.However I'm working on the shaking problem right now... Quote Link to comment Share on other sites More sharing options...
TheEagle Posted November 5, 2010 Author Report Share Posted November 5, 2010 Have you figured this out? Instead of using the leave() function, have you tried the .hover()? Hi May you try the example above with overflow hidden on your machine and tell me what you get? Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.