Register

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.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 12
  1. #1
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    Download the attached file in the post below this one and then view it in Internet Explorer. Cool, huh?

    Here's how I did it (code from MSDN and only works in late versions of IE):
    Code:
    <SCRIPT>
    var startImage ="fruit.gif";
    var endImage="mouse.gif";
    var b = false;
    function doTrans()
    {        
    	b = !b;
    	imgObj.filters[0].apply();
        if (b)
    	{
            imgObj.style.backgroundColor = "gold";
            imgObjText.innerHTML = "First page<br>Another Line<br>Yet Another Line<br>Last Line" +
                "<br>Just kidding, here's a really really long line!";
    	}
        else
    	{
            imgObj.style.backgroundColor = "skyblue";
            imgObjText.innerHTML = "Second Page<br>Another Line<br>Yet Another Line<br>Last Line" +
                "<br>Just kidding, here's a really really long line!";
    	}
        imgObj.filters[0].play();
    }
    </SCRIPT>
    <SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px;
        FILTER: progid: DXImageTransform.Microsoft.Pixelate(MaxSquare=50);
        FONT: 9pt/1.3 verdana; WIDTH: 305px; COLOR: black; HEIGHT: 150px;
        BACKGROUND-COLOR: skyblue"><DIV id=imgObjText><BR>
        <B>First Page</B><BR><BR>Using the <B>apply</B> method prepares this SPAN element
        for content changes.</DIV></SPAN><BR><BR>
    <BUTTON onclick="doTrans()">Play Transition</BUTTON>
    Clearly this is some advanced scripting and CSS so I can't explain every step, but change the blue and red text to what content you want. Any questions, just reply
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  2.  

  3. #2
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    File:
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  4. #3
    Junior Member
    Join Date
    Feb 2003
    Location
    Washington DC
    Posts
    17
    Member #
    773
    How can i make this for the wellcome panel in Forumhome, i want to have it on my forum
    Elmer S.

  5. #4
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    Sorry but I'm not releasing it.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  6. #5
    Junior Member
    Join Date
    Feb 2003
    Location
    Washington DC
    Posts
    17
    Member #
    773
    no problem
    Elmer S.

  7. #6
    Junior Member secern's Avatar
    Join Date
    Mar 2003
    Posts
    3
    Member #
    892
    Wow thats really amazing most interesting .css scripting I've encountered, thanks alot for this

  8. #7
    JR
    JR is offline
    Senior Member JR's Avatar
    Join Date
    Nov 2002
    Location
    UK
    Posts
    4,354
    Member #
    257
    i agree, one of the best css scripts out there :laugh:, shame it doesn't work with all browsers :cry:
    JR

  9. #8
    Senior Member rjahrman's Avatar
    Join Date
    Feb 2003
    Posts
    180
    Member #
    705
    awesome

  10. #9
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    filburt,

    I'm impressed! Nice script! I'm gonna have to use something like that for HTMLOnly :-P


  11. #10
    Junior Member
    Join Date
    Mar 2003
    Posts
    10
    Member #
    947
    is there any way to use images instead of text?

    l8er
    sonic


Page 1 of 2 1 2 LastLast

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 10:50 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com