469,904 Members | 2,446 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,904 developers. It's quick & easy.

Is it possible to mouseover a GRAPHIC . . . that launches another (freestanding) GRAPHIC (ie. when flash is _not_ available)?

This solution would be for the poor amongst us who cannot afford
Macro~, er, Adobe's flash program. ;)

I'd like to design a "think cloud" (w/transparent background) and have
it pop up when someone does a mouse over on this person's head -- you
know, as if he were thinking this thought.

Is such a thing even possible without flash? Thanks folks!

50-Sumpin'

Dec 8 '06 #1
4 1945
50 SOMETHING GAL wrote:
This solution would be for the poor amongst us who cannot afford
Macro~, er, Adobe's flash program. ;)

I'd like to design a "think cloud" (w/transparent background) and have
it pop up when someone does a mouse over on this person's head -- you
know, as if he were thinking this thought.

Is such a thing even possible without flash? Thanks folks!

50-Sumpin'

<img src="somepic.jpg" onMouseOver='popImg('anotherpic.jpg')' id='someid'>

<script type='text/javascript' language='javascript'>

function popImg(picname) {

//top pop up another browser window with the pic

window.open('http://server/directory/'+picname,'windowname','width=400;
height=400');

//to change an existing image....
document.getElementById('someid').src=picname;

//to make some hidden division popup
//Somewhere in the html...
//<div id='somediv' style='position: absolute; top: 100px; left: 100px;
display: none;'></div>

divid = document.getElementById('somediv').
divid.style.display = 'block';
divid.innerHTML='<img src="'+picname+'">';
}

</script>
--
---------------------------------------------------------------------------
http://www.hunlock.com -- Permanently under construction (And proud of it!)
$FA
Dec 8 '06 #2
Wow, PCX thanks. Let me fool around with it a bit and I'll report
back.

Can I ask also:
Do I have any control over the popup as to:
1. Appearing ON TOP OF any other frames, images etc.
2. Transparency

?

I'm just trying to achieve a lovely little think cloud, complete with
puffy edges, that looks like it just shows up and sits on top of
(anything else) that it may overlap anecdotally.

50

Dec 8 '06 #3
On 8 Dec 2006 10:03:31 -0800, "50 SOMETHING GAL" <by*******@usa.net>
wrote:
>This solution would be for the poor amongst us who cannot afford
Macro~, er, Adobe's flash program. ;)

I'd like to design a "think cloud" (w/transparent background) and have
it pop up when someone does a mouse over on this person's head -- you
know, as if he were thinking this thought.

Is such a thing even possible without flash? Thanks folks!

Of course it's possible. It's not even very hard if you understand CSS
and the :hover pseudo class.
Dec 9 '06 #4
50 SOMETHING GAL wrote:
I'd like to design a "think cloud" (w/transparent background) and have
it pop up when someone does a mouse over on this person's head -- you
know, as if he were thinking this thought.
A nearly identical question was asked in another group:

http://tinyurl.com/yf545q

and a responder gave (I thought) a great solution. Here's an adaptation
of his response that you might like:

http://www.pwilson.net/thinker.html

I didn't invent the solution, I'm merely passing it on to you with a
few tiny changes.

-- pete

Dec 10 '06 #5

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

5 posts views Thread by ChrisB | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.