SitePoint Sponsor

User Tag List

Results 1 to 16 of 16
  1. #1
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Image Rollovers and Transitions

    Okay, I have been playing with the image rollover/transition code that was in the 27th issue of the Tech Times. This is a cool effect and I want to utilize in some rollovers on a site. The code works great in Internet Explorer 5.5 but I can't get it to work in Internet Explorer 6.0. In IE 6.0, I keep getting a "Library not loaded" error message and the basic rollover doesn't even happen.

    It is pretty imperative to get it working in IE 6.0. Has anyone figured out how to do this yet?

    Here is a sample of my code which is basically what was in the Tech Times.

    Code:
    <script>
     function imgSwap(imgName, newImgSrc) {
       if (document.images) {
         if (document.images[imgName].filters[0])
           document.images[imgName].filters[0].apply();
    
         document.images[imgName].src = newImgSrc;
    
         if (document.images[imgName].filters[0])
           document.images[imgName].filters[0].play();
       }
     }
    </script>
    Image Tag
    Code:
     <img name="myImg" src="headers_htm_smartbutton8.gif" width="100" height="50"
     onMouseOver="imgSwap('myImg','headers_htm_smartbutton55.gif');"
     onMouseOut="imgSwap('myImg','headers_htm_smartbutton8.gif');"
     style="filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=0.50);" />
    Wayne Luke
    ------------


  2. #2
    SitePoint Guru siphilp's Avatar
    Join Date
    Nov 2001
    Location
    Fife, Scotland
    Posts
    663
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    An Idea maybe?

    I think it may have something to do with the way your declaring it.

    style="filterrogidXImageTransform.Microsoft.RandomDissolve(duration=0.50);" />

    There are two ways to declare this kind of action. One through HTML and the other Scripting.

    You should look at
    http://msdn.microsoft.com/library/de...omDissolve.asp

    And check your code against this. I would do it for you, but i have a meeting to go to. Let me know how you get on.


    Si

  3. #3
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I spent three hours checking my code against Microsoft's site and their examples. Everyone of them works in IE 5.5. on one machine and doesn't work in IE 6.0 on the other.

    Tried some of the DHTML scripts at Dynamic Drive that acheive similar results to what I want to do and each fails in IE 6.0 but works in IE 5.5.
    Wayne Luke
    ------------


  4. #4
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wayne, what DTD are you using?
    Sketch
    Aaron Brazell
    Technosailor



  5. #5
    SitePoint Guru siphilp's Avatar
    Join Date
    Nov 2001
    Location
    Fife, Scotland
    Posts
    663
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Make Contact

    Hi,
    If this is the case then i would state it to Microsoft support or post it in the relevant Microsoft Newsgroup
    (link below)
    http://communities.microsoft.com/new...p=GSS&slcid=us

    Unless someone else has a solution?


    Si

  6. #6
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    it appears the dissolve feature is only available in 5.5...Sketch
    Aaron Brazell
    Technosailor



  7. #7
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    It appears all of them are are only available in 5.5. I repeat NONE of their transitions work in IE 6.0, static filters work fine. I think it is more of that there documentation hasn't been updated yet. I wasn't able to find anything specifically relating to IE 6.0 and transitional filters.

    I was hoping to avoid Microsoft's idea of fast support and get a quick answer.

    As far as a DTD, in my quick testing I never declared one as it is strictly optional in HTML. Ultimately it will be XHTML 1.0 Transitional.
    Wayne Luke
    ------------


  8. #8
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    that's strange though, because MS is usually ultra-prompt on updating their own info. Look how quickly their sites go up for new products...I mean, same day. I'm surprised that with the massive rollout of XP which included IE 6, that everything was updated except the MSDN....very odd.

    Sketch
    Aaron Brazell
    Technosailor



  9. #9
    SitePoint Guru siphilp's Avatar
    Join Date
    Nov 2001
    Location
    Fife, Scotland
    Posts
    663
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    GOOD ONE

    Well pointed out...didn't notice that. I would put that on one of there newsgroups would be interesting to see what is said?


    Simon

  10. #10
    SitePoint Author Kevin Yank's Avatar
    Join Date
    Apr 2000
    Location
    Melbourne, Australia
    Posts
    2,571
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Transition effects definitely work in IE 6.0, which is what I used to develop and test the tip. It sounds like there's something wrong with the PC you're using for IE 6.0 testing, Wayne.

    Try installing the latest version of DirectX on that PC.
    Kevin Yank
    CTO, sitepoint.com
    I wrote: Simply JavaScript | BYO PHP/MySQL | Tech Times | Editize
    Baby’s got back—a hard back, that is: The Ultimate CSS Reference

  11. #11
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wayne...do you have a URL I could look at. I'm using IE 6 and if it works on my mcahine then it's pretty much narrowed down to your machine...

    Sketch
    Aaron Brazell
    Technosailor



  12. #12
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    The URL is www.witchesgrove.com/default.php and the code is applied to the tab images in the header. They should do a random dissolve and switch to a green image on mouseover. Then fade back to the cornsilk image on mouseout.

    I'll check my machine but I have DirectX 8.0a installed. The IE 5.5 machine only has DirectX 7 installed.
    Wayne Luke
    ------------


  13. #13
    SitePoint Author Kevin Yank's Avatar
    Join Date
    Apr 2000
    Location
    Melbourne, Australia
    Posts
    2,571
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    The transitions work here on IE6, DirectX 8.1, Windows XP Pro.

    Incidentally, the two images lower in the page ('Gift Certificates' and 'Make-A-Wish') are broken here, and the tables that make up the page header break apart (with different widths) on anything but very large window sizes.

    -Kev.
    Last edited by Kevin Yank; Nov 29, 2001 at 12:19.
    Kevin Yank
    CTO, sitepoint.com
    I wrote: Simply JavaScript | BYO PHP/MySQL | Tech Times | Editize
    Baby’s got back—a hard back, that is: The Ultimate CSS Reference

  14. #14
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ditto on Kevin's comments. NT 4.0, IE 6...no problems...

    Sketch
    Aaron Brazell
    Technosailor



  15. #15
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thanks. I have it working on Windows ME (blech... not my computer) and IE 6.0.

    Guess I now have to figure out why it isn't working on my Windows 98SE machine.

    I know about the other issues and will be fixing them shortly. Thanks for looking at it for me. Sometimes things just get frustrating.

    Great tip by the way... Can be used to add a little pizzazz to webpages without heavy flash or java.
    Wayne Luke
    ------------


  16. #16
    Skills to Pay the Bills Sparkie's Avatar
    Join Date
    Jul 1999
    Location
    A cave with 47 computers and an internet feed
    Posts
    3,559
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wow...that is totally awesome Wayne.

    I just wanted to let you know that the script works great on Windows 2000/IE 6.0
    Sherice Jacob - Web Improvement Expert
    Improve Website Conversions | eBook Covers
    Follow Me on Twitter!


Bookmarks

Posting Permissions

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