If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 1 of 1
  1. #1
    Member EdMarks's Avatar
    Join Date
    Nov 2011
    181 lat 91 long
    Member #
    3 times
    I am trying to make a website where the text wrapper changes while everything else(body, background, tabs at top) stay the same.
    Once the tab is clicked the text fades out and the "next page" fades in.

    Here is a rough example I borrowed from another site, but I am having some problems styling it the way I want.

    My Site I borrowed the code for

    I am just looking for a very rough format so i can buld on it.
    Smoseley gave me code for the jQuery slide. I would imagine what I am looking for isnt that far from the code he gave me. I just want the text to fade out and fade in instead of slide

    Here is the code Smoseley gave me.

    Here is the site I built off of the code Smosely helped me with

    As always, any and all help would be greatly appreciated.

    in regards to the code Smosely gave me couldnt I just change this
    <script type="text/javascript"> function gotoPage(pageNumber) { var x = (pageNumber - 1) * 960; $('#content').animate({'margin': '0px 0px 0px -' + x + 'px'}); } </script>
    To use the fadeIn() and fadeOut() functions instead of the gotoPage() function?

    Sorry. I am still slowly learning JS, but have come very far thanks to you guys at this site
    Less than a year ago I didn't know a single thing about web design. :-)


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
All times are GMT -6. The time now is 09:01 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: