C.44
May-29-2007, 08:57 AM
Hi, i'm new to the board and i actually signed up when i saw the menu's smugmug has rolling over the fullview picture i decided i had to try to replicate it. Or at least try to.
Anyways, i've uploaded it and it can be seen here: http://www.bycanon.com/c44/plaatjes/
Now what i just can't figure out is how to keep the menu from tripping if you move your pointer in and out of the picture fast. Or at least move out before the menu has loaded or vice verse.
I'm also stuck at the point where i try to get it to hide the menu if the menu is the last thing i touch with the pointer. In order to resolve that problem i've created a margin of 2 or 3px to the right of the menu. That way if the pointer hits those 2 or 3px the menu hides. Needless to say if you move the pointer very fast over those 2 or 3px it might not register it ever being there and the menu stays open until i mouseout properly.
Also i have some problems with the transparent png's in IE6. IE7 handles it fine but the amount of IE6 users is still quite big.
Anyway, i have ofcourse looked into the sourcecode presented to my browser(Firefox) with a certain tool (Firebug) to analyze what was happening but so far i've not found the actual code that triggers the menu, nor when it is triggered or how it is hidden.
I would really appreciate it if any of you could help me a bit with the above issues. I also would like state that i will not simply rip the code to use for my own stuff, but i merely want to learn and see where i'm doing stuff wrong. Purely educational. I do plan on creating something like this but i will rewrite of from scratch so i actually can put into practice what i might've learned. I will not use the images from smugmug (like the exif and download button or the backgrounds for the menu's) unless i get permission to do so, which i do not expect. I will create my own button's and backgrounds, that's not a really big problem.
So that was it for my first post. I hope someone has actually has read it all and still has the will to answer to it ;)
Many thanks in advance,
Sebastiaan
Anyways, i've uploaded it and it can be seen here: http://www.bycanon.com/c44/plaatjes/
Now what i just can't figure out is how to keep the menu from tripping if you move your pointer in and out of the picture fast. Or at least move out before the menu has loaded or vice verse.
I'm also stuck at the point where i try to get it to hide the menu if the menu is the last thing i touch with the pointer. In order to resolve that problem i've created a margin of 2 or 3px to the right of the menu. That way if the pointer hits those 2 or 3px the menu hides. Needless to say if you move the pointer very fast over those 2 or 3px it might not register it ever being there and the menu stays open until i mouseout properly.
Also i have some problems with the transparent png's in IE6. IE7 handles it fine but the amount of IE6 users is still quite big.
Anyway, i have ofcourse looked into the sourcecode presented to my browser(Firefox) with a certain tool (Firebug) to analyze what was happening but so far i've not found the actual code that triggers the menu, nor when it is triggered or how it is hidden.
I would really appreciate it if any of you could help me a bit with the above issues. I also would like state that i will not simply rip the code to use for my own stuff, but i merely want to learn and see where i'm doing stuff wrong. Purely educational. I do plan on creating something like this but i will rewrite of from scratch so i actually can put into practice what i might've learned. I will not use the images from smugmug (like the exif and download button or the backgrounds for the menu's) unless i get permission to do so, which i do not expect. I will create my own button's and backgrounds, that's not a really big problem.
So that was it for my first post. I hope someone has actually has read it all and still has the will to answer to it ;)
Many thanks in advance,
Sebastiaan