Real Estate Forums

Coding HTML, ASP, PHP, JAVA MYSQL and more. All coding questions should be asked here.

Reply
 
Thread Tools Display Modes
Old 08-08-2005, 07:19 PM
Waterfront's Avatar
Waterfront Waterfront is offline
Real Estate Nu-bee
 
Join Date: Jul 2005
Location: Palm Coast, FL
Posts: 17
Waterfront is on a distinguished road
Default Mouseover Images

Can anyone recommend software that generates the code for mouseover images. I don't mean button rollovers, but when you move your mouse over a thumbnail it previews the larger image above. TIA!
Reply With Quote
Old 08-09-2005, 01:00 AM
sarahk's Avatar
sarahk sarahk is offline
Uber Real Estate Webmaster
 
Join Date: Jun 2004
Location: Auckland, New Zealand
Posts: 593
sarahk is on a distinguished road
Send a message via ICQ to sarahk Send a message via AIM to sarahk Send a message via Yahoo to sarahk
Default Re: Mouseover Images

haven't I seen this somewhere else?
Reply With Quote
Old 08-09-2005, 04:50 AM
Waterfront's Avatar
Waterfront Waterfront is offline
Real Estate Nu-bee
 
Join Date: Jul 2005
Location: Palm Coast, FL
Posts: 17
Waterfront is on a distinguished road
Default Re: Mouseover Images

I don't know, but here's an example fo what I mean:
http://www.irenemoralesward.com/list...p?propid=11731
Reply With Quote
Old 08-09-2005, 04:59 AM
frobn frobn is offline
Real Estate Web Guru
 
Join Date: Mar 2005
Location: Key West, FL
Posts: 473
frobn is on a distinguished road
Default Re: Mouseover Images

Quote:
Originally Posted by Waterfront
Can anyone recommend software that generates the code for mouseover images. I don't mean button rollovers, but when you move your mouse over a thumbnail it previews the larger image above. TIA!
It's a two step process. You first have to prelaod the images then use javascript for the rollover effect. There is an online generator at: http://javascript.internet.com/gener...ad-images.html

I haven't used it so I don't know how well it works. If you have trouble let me know and I give you the url of one of my sites with an example you can follow.
Reply With Quote
Old 08-10-2005, 08:22 AM
Waterfront's Avatar
Waterfront Waterfront is offline
Real Estate Nu-bee
 
Join Date: Jul 2005
Location: Palm Coast, FL
Posts: 17
Waterfront is on a distinguished road
Default Re: Mouseover Images

Quote:
Originally Posted by frobn
It's a two step process. You first have to prelaod the images then use javascript for the rollover effect. There is an online generator at: http://javascript.internet.com/gener...ad-images.html

I haven't used it so I don't know how well it works. If you have trouble let me know and I give you the url of one of my sites with an example you can follow.
Thanks, but this one seems to be a button rollover.
Reply With Quote
Old 08-10-2005, 02:48 PM
Infinity Commercial Group's Avatar
Infinity Commercial Group Infinity Commercial Group is offline
Real Estate WebMaster
 
Join Date: Jul 2005
Location: Atlanta, GA
Posts: 147
Infinity Commercial Group is on a distinguished road
Default Re: Mouseover Images

I'm not sure but I want to say you can do it in FrontPage. If I understand your question correctly I know you can create changing rollover images with Adobe Photoshop and Image Ready. Importing the Photoshop image to Image Ready.
__________________
Infinity Commercial Group - Commercial Lending Services

Infinity Website
Reply With Quote
Old 08-11-2005, 12:31 AM
Aaron Aaron is offline
Real Estate Webmasters Staff
 
Join Date: Jun 2005
Location: Nanaimo
Posts: 6,717
Aaron is on a distinguished road
Send a message via MSN to Aaron
Default Re: Mouseover Images

This is way to cool image changer code... I found it on another forum which the links don't seem to work to. But anyways...

Code:
<script type="text/javascript">
var imgs = new Array("images/pic0.jpg","images/pic1.jpg","thumbs/somepic.jpg");
function loadMainImg(num) {
document.getElementById("mainImg").src = imgs[num];
}
</script>
<img id="thumb0" height="60" width="45" onmouseover="loadMainImg(0)" src="thumbs/pic0.jpg"/>
<img id="thumb1" height="60" width="45" onmouseover="loadMainImg(1)" src="thumbs/pic1.jpg"/>
<img id="thumb1" height="60" width="45" onmouseover="loadMainImg(2)" src="thumbs/somepic.jpg"/>
<img id="mainImg" src="images/somePic.jpg"/>

Last edited by Aaron : 08-11-2005 at 12:41 AM.
Reply With Quote
Old 10-10-2005, 12:16 PM
ryanmathis83 ryanmathis83 is offline
Real Estate Nu-bee
 
Join Date: Oct 2005
Posts: 6
ryanmathis83 is on a distinguished road
Default Re: Mouseover Images

Maybe you should try Flash, it would be easier that way. Javascript can be buggy at times.
Reply With Quote
Old 10-10-2005, 05:50 PM
Aaron Aaron is offline
Real Estate Webmasters Staff
 
Join Date: Jun 2005
Location: Nanaimo
Posts: 6,717
Aaron is on a distinguished road
Send a message via MSN to Aaron
Default Re: Mouseover Images

I don't know ... for me flash would be much less easy, slightly more complicated... So far the Javascript has worked pretty good.
Reply With Quote
Old 11-12-2005, 02:42 PM
REW Tristan's Avatar
REW Tristan REW Tristan is offline
Real Estate Webmasters Staff
 
Join Date: Nov 2005
Posts: 240
REW Tristan is on a distinguished road
Default Re: Mouseover Images

Could you post another example of this desired effect? The example you posted seems to be missing or removed now.
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off

For our members

Main Sections

IDX Coverage Areas

Spiders Welcome

All times are GMT -7. The time now is 09:00 AM.


Powered by vBulletin® Version 3.6.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.