Results 1 to 3 of 3

Thread: Slide Div Out

Hybrid View

  1. #1

    Thread Starter
    Fanatic Member Mxjerrett's Avatar
    Join Date
    Apr 2006
    Location
    Oklahoma
    Posts
    939

    Slide Div Out

    I've come across an issue that is somewhat bothering me. I'm working on a news scroller for my web page. At the top portion of my page, there is a Section that spans the entire width of the page. There will never be more than 5 stories at the top of the page, but I'm attempting to figure out how to scroll out the current snippet to the left of the screen, and slide in the new div from the right.

    My real question is, I'm not quite sure where to start. I've been attempting to use the animate function to change the margin left, but I'm having some issues. For one, it's supposed to slide into the same place, but the new div is placed lower than the original, and I know this is due to the css, but I'm not sure on how to correct it.

    For a demo of the site as it stands currently, visit: http://jdhpro.com/abc

    If a post has been helpful please rate it.
    If your question has been answered, pull down the tread tools and mark it as resolved.

  2. #2
    Frenzied Member
    Join Date
    Apr 2009
    Location
    CA, USA
    Posts
    1,516

    Re: Slide Div Out

    I'm not sure I'm seeing the problem on your demo site - it looks pretty good to me. Is there a particular browser you're seeing this in?

  3. #3

    Thread Starter
    Fanatic Member Mxjerrett's Avatar
    Join Date
    Apr 2006
    Location
    Oklahoma
    Posts
    939

    Re: Slide Div Out

    Actually, I found a plugin that does what I like. It is bxslider, however, I would like to find a way to extend it to 100% width of the screen so things slide to the center of the screen.

    If a post has been helpful please rate it.
    If your question has been answered, pull down the tread tools and mark it as resolved.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  



Click Here to Expand Forum to Full Width