Forums
New posts
Articles
Product Reviews
Policies
FAQ
Log in
Register
What's new
Search
Search
Search titles only
By:
New posts
Menu
Log in
Register
Install the app
Install
Forums
Digital Lifestyle
Web Design and Hosting
Safari mouseOver mouseOut?
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="Thyamine" data-source="post: 635663" data-attributes="member: 30315"><p>I don't think anyone suggested it, but you can achieve the same effect without popups. It also depends how much you like playing with HTML/Javascript. Instead of making a new popup window with each mouse over, you could put each large image in its own DIV tag at the bottom of the page and hide them (display: none). Then write a little function in javascript that you can pass a picture name to so that when a visitor moves the mouse over the picture (onMouseOver="javascript: showImage('thisPicture');") it sets the CSS style of the DIV holding the appropriate image to be visible, and sets the positioning to be somewhere in the center of the visible browser window (position: absolute; top: 100px; left 100px; etc etc). </p><p></p><p>There's a few ways to do it, but that's a simple and quick way. I've done that for a few sites where customers wanted similar functionality. It doesn't require the user to do anything with popups, and you don't have to worry about popup blockers.</p></blockquote><p></p>
[QUOTE="Thyamine, post: 635663, member: 30315"] I don't think anyone suggested it, but you can achieve the same effect without popups. It also depends how much you like playing with HTML/Javascript. Instead of making a new popup window with each mouse over, you could put each large image in its own DIV tag at the bottom of the page and hide them (display: none). Then write a little function in javascript that you can pass a picture name to so that when a visitor moves the mouse over the picture (onMouseOver="javascript: showImage('thisPicture');") it sets the CSS style of the DIV holding the appropriate image to be visible, and sets the positioning to be somewhere in the center of the visible browser window (position: absolute; top: 100px; left 100px; etc etc). There's a few ways to do it, but that's a simple and quick way. I've done that for a few sites where customers wanted similar functionality. It doesn't require the user to do anything with popups, and you don't have to worry about popup blockers. [/QUOTE]
Verification
Post reply
Forums
Digital Lifestyle
Web Design and Hosting
Safari mouseOver mouseOut?
Top