Rollover Pictures when Mousing Links

[Douggie]

Hello "The Pros from Dover"

I am trying to add a feature to a web page that functions similar to the
home page at this link... http://www.teachnm.org/

The staff want to add a page with their names, emails and phone numbers.
They want the visitor to be able to mouse over their name and see the picture
box change to their picture similar to the page above.

Can anyone suggest how to get started doing this excercise inside FrontPage.
I have just started trying to use the layers and behaviors, but i cannot get
the rollover feature to work nor can i figure out how to link the text
(button) with the picture box to activate the rollover.

I read Gregory's article at
http://office.microsoft.com/en-us/assistance/HA010964451033.aspx and it is
excellent. I just need a little more step by step.

Remember, i am a wysiwyg type peep, so html is a little off the table for me
yet.

Thanks in advance.

 

[Kevin Spencer]

Hi Douggie,

I'm not from Dover, but I may be able to help nonetheless. ;-)

Remember, i am a wysiwyg type peep, so html is a little off the table for
me
yet.

Well, if you want to do the fancy stuff, you'd better make a committment to
learn! What you're talking about here is programming, albeit simple,
beginner-level programming, but programming, or rather scripting, like it or
not.

If you want FrontPage or any WYSIWYG tool to do everything for you, you're
going to limit yourself to the highly limited set of things it does. Image
swapping, for example, covers a lot of territory. It can be done in any
number of different ways. You can swap out an image with a mouseover on the
image, with a mouseover on any other element in the page, with a click of an
image, with a click of any other element in a page, or with any event
triggered by any element of any kind in a web page. But FrontPage isn't
going to do all of that for you straight out of the box. If it did, you'd
still be trying to figure out how to use it by now, figuring out where all
of the thousands of menu items, too bars, and dialog boxes are in the myriad
of such UI elements it would have to have in order to do so. It's going to
do some very common, very basic type of stuff.

Can you do more? Certainly? Can you do it without learning any HTML or
JavaScript? Probably not. There are add-ons for FrontPage that extend it. If
you can find one, or someone here points one out for you, you're in luck. In
case you can't, here's a nice tutorial that is more in line with what you
want:

http://webmonkey.wired.com/webmonkey/98/03/index2a_page9.html?tw=programming

--
HTH,

Kevin Spencer
Microsoft MVP
..Net Developer
Ambiguity has a certain quality to it.

 

[Douggie]

Hello Kevin,

Thank you for your words of wisdom. After much consternation and buring of
the midnight oils, i stumbled across a "non-scripting" method for harnessing
the power of Frontpage 2003. Our good friend Bill has posted a very well
written walk through on a simple example of DHTML Image Swap or Rollovers at
this linkage http://frontpagesolutions.com/_clean/tutorials/misc/1/index.htm

I am truely thankfull to Bill for his being willing to help ups wysiwig
types. I can also understand how a pure programmer would look at the
Frontpage tool as a waste of their time since the live, eat, sleep and breath
the scripting life style.

In anycase, i think what i need to do to take Bill's excellent example to
the next level and give it the look and feel of the http://www.teachnm.org/
site, i will need to do something the layering and behaviour tools inside
Frontpage. So, if there are any wysiwyg type folks who have already covered
this ground, please add your excellent posts.

Regards Kevin and thank you for your excellent post and time well spent. I
shall embark on the noble quest to become a script writer.

Douggie

 

[Douggie]

Hello Douggie and Kevin,

This is Douggie again, albeit slight more knowledgeable than previous post.
In anycase, i found this awesome "how to" guide on the MS Office Online
Support Site = "Create dynamic ScreenTips with layers and behaviors in
FrontPage 2003" link to it ===>>
http://office.microsoft.com/en-us/assistance/HA011267121033.aspx

The walk through gives me exaclty the steps that i need to complete my
quest. The beautiful part is that no scripting was required on my part. The
power of Frontpage is revealed to me once again.

There are two items in the walk through that i found to be corner stone
enlightenments for a wysiwyg user like my self...

1) the need to Insert Hyperlink dialog box, in the Address box, type
javascript:; and then click OK. The word ScreenTip should now be formatted as
a hyperlink. Underscore "TYPE JAVASCRIPT:;"

2) and the whole section about how to modify layer properties, set element
type, element ID = layer# etc.

Now the rest is intuitively easy, just make multiple layers with different
pics in each layer, setting each layer to have same size and location one on
top of the other, then making them invisible and linking the layer elements
to the approriate text or button element that has hyperlinks set to
javascript:;


AWESOME, thank you Kevin and Microsoft for helping me get to the next level.

Respectfully,

Douggie