Roll over image and text appears

#1 (**permalink**) 03-20-2008, 12:39 AM

I'm a novice and in the past have used images of text (as gifs) so this has
simply been a matter od using the swap image behaviour. But now I'm learning to
use system text, so how do I do it - I want to roll over an thumbnail, and a
larger image appears next to it, with a caption below it?

Any help appreciated

#2 (**permalink**) 03-20-2008, 01:12 AM

[q]Originally posted by: Deansplit
I'm a novice and in the past have used images of text (as gifs) so this has
simply been a matter od using the swap image behaviour. But now I'm learning to
use system text, so how do I do it - I want to roll over an thumbnail, and a
larger image appears next to it, with a caption below it?

Any help appreciated[/q]

Could you create html's consisting of your image and text, then put them all
in the same spot on your page, then use Show & Hide elements from Behaviours
associated to the onMouseOver event?

#3 (**permalink**) 03-20-2008, 03:44 AM

Hello,

Take a look at this free extension and tutorial.
Might be just what you're looking for.
Click the "See finished gallery here" link to see it. (You can also easily
change the onClick event to onMouseover.)
That's just an example. The key is the extension and taking the tutorial to
see how to use the "wuzards" it puts in DW.
Then, you can incorporate the thumbnails and larger image with or without
captions into whatever design you want.

http://www.projectseven.com/tutorial...wpic/index.htm

Take care,
Tim

"Deansplit" <webforumsuser@macromedia.com> wrote in message
news:frs882$lhb$1@forums.macromedia.com...
> I'm a novice and in the past have used images of text (as gifs) so this
> has
> simply been a matter od using the swap image behaviour. But now I'm
> learning to
> use system text, so how do I do it - I want to roll over an thumbnail, and
> a
> larger image appears next to it, with a caption below it?
>
> Any help appreciated
>

#4 (**permalink**) 03-20-2008, 10:50 AM

Sorry - are you asking me this? If so, no not really - all I've done in the
past is simple swap image where the text is an image. I've not used system text
in the show and hide - that's what I need to do. I basically want a row/column
of thumbs in one table (which I've done) and when u mouse over them, an image
to the right (blank img) is replaced with a larger version of the thumb,
swapping the blank img for it, but with a caption below. I can do all but the
caption - which is bespoke to ea thumb (and relevant lge img)

#5 (**permalink**) 03-20-2008, 02:56 PM

Mm, thx for this - kind perfect for what I need, although my site isn't one
that always appears to the left of the browser window - it centres to it. This
seems only to allow the ayer to appear a number of pixels from the left, or is
that not the case??

#6 (**permalink**) 03-20-2008, 03:28 PM

> or is that not the case??

That's not the case. If you would wrap your page's content from <body> to
</body> in a centering and relatively positioned <div> tag, then all layers
on the page would move along with the relatively positioned parent div.

To see this happen, take a page containing layers. Then, change this -

</head>

to this -

<style type="text/css">

</style>
</head>

change this -

<body ...>

to this -

<body ...>
<div id="wrapper">

and this -

</body>

to this -


</div>
</body>

and see if that helps.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================

"Deansplit" <webforumsuser@macromedia.com> wrote in message
news:frtqf4$c2o$1@forums.macromedia.com...
> Mm, thx for this - kind perfect for what I need, although my site isn't
> one
> that always appears to the left of the browser window - it centres to it.
> This
> seems only to allow the ayer to appear a number of pixels from the left,
> or is
> that not the case??
>

#7 (**permalink**) 03-20-2008, 03:40 PM

You've totally lost me Murray - I wish I understood the code a bit more!! I
notice too that in FF the layered image appears the set distance that I dropped
it in at ie. within my DW window at the time) but in IE it actually stays in a
fixed position, just nowhere wher I want it. Here's the link - the mouseover
the thumb should make the lge img show centred to the bottom (all but a 5mm
border) to the 4x corner crop marks:
http://www.deanrichman.co.uk/photos/mountains.html

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode