«

http://1-large-world.com/stargate/movie/tooltip.html

Is there any way to fix the floating larger image to a set position on the
screen?
Rather than having the image move around with the hand position?
I'll assume there is but I don't want to butcher the script doing it.

Richard wrote:

> http://1-large-world.com/stargate/movie/tooltip.html

> Is there any way to fix the floating larger image to a set position on
> the screen?
> Rather than having the image move around with the hand position?
> I'll assume there is but I don't want to butcher the script doing it.

Found out how to keep the image from moving with the hand movement.
And a way to kind of change the location.
But would like the large image more static in the center just below the
thumbnail row if possible.

Richard wrote in message ...
> http://1-large-world.com/stargate/movie/tooltip.html
> Is there any way to fix the floating larger image to a set position on
the
> screen?

Oh, but that would have been so simple using tables,
yet some of these guys persist in using complex CSS :~(

In article <uE_Kb.9307$>, "Steve
R." <stevie_ritchie(NOSPAM)@hotmail.com> says...
> Richard wrote in message ...
> > http://1-large-world.com/stargate/movie/tooltip.html
> > Is there any way to fix the floating larger image to a set position on
> the
> > screen?
>
> Oh, but that would have been so simple using tables,
> yet some of these guys persist in using complex CSS :~(

He's trying to improve his skills. Usually he talks crap, but I have to
give him credit for what he's trying to do.

--
Hywel I do not eat quiche
http://hyweljenkins.co.uk/
http://hyweljenkins.co.uk/mfaq.php

Steve R. wrote:

> Richard wrote in message ...
>> http://1-large-world.com/stargate/movie/tooltip.html
>> Is there any way to fix the floating larger image to a set position on
> the
>> screen?

> Oh, but that would have been so simple using tables,
> yet some of these guys persist in using complex CSS :~(

Rule #1 young grasshopper, around here "tables are for tabular data" and not
for presentation.
Sheeeesh. Like tables is akin to the "f" word.
Duh. I don't see in the group name where it's CSS only.
If I want to use tables, that's my damn business.
Bitch to www.cnn.com then and see how well that goes over with them.
Oh and if you really want to get sick, www.msn.com
I just looked at that source code and Bill Gates actually paid an idiot to
write it?
An idiot with a college degree no less.
I've seen kids write better code than that.

"Richard" <anonymous@127.000> wrote:

> Richard wrote:
>
> > http://1-large-world.com/stargate/movie/tooltip.html
>
> > Is there any way to fix the floating larger image to a set position on
> > the screen?
> > Rather than having the image move around with the hand position?
> > I'll assume there is but I don't want to butcher the script doing it.
>
>Found out how to keep the image from moving with the hand movement.
>And a way to kind of change the location.
>But would like the large image more static in the center just below the
>thumbnail row if possible.

You're using the wrong script. The script you have is designed to
create tooltips (ie boxes that appear at whatever location the mouse
is at). From the sound of it you want a script that will display a box
at a fixed location. I'd through away the script you're using and find
or write a new one. You'll find that as what you want is a lot simpler
than displaying a tooltip the script you end up with will be a lot
simpler as well.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <> <http://steve.pugh.net/>

Steve Pugh wrote:

> "Richard" <anonymous@127.000> wrote:

>> Richard wrote:
>>
> >> http://1-large-world.com/stargate/movie/tooltip.html
>>
> >> Is there any way to fix the floating larger image to a set position on
> >> the screen?
> >> Rather than having the image move around with the hand position?
> >> I'll assume there is but I don't want to butcher the script doing it.
>>
>>Found out how to keep the image from moving with the hand movement.
>>And a way to kind of change the location.
>>But would like the large image more static in the center just below the
>>thumbnail row if possible.

> You're using the wrong script. The script you have is designed to
> create tooltips (ie boxes that appear at whatever location the mouse
> is at). From the sound of it you want a script that will display a box
> at a fixed location. I'd through away the script you're using and find
> or write a new one. You'll find that as what you want is a lot simpler
> than displaying a tooltip the script you end up with will be a lot
> simpler as well.

> Steve

That's the point of the script. A popup window without the popup.
I have found how to somewhat control placement of the large image, but not
the part where it gets pushed off the screen.
I like the script, just needs a few tweaks.

Richard wrote:
> Sheeeesh. Like tables is akin to the "f" word.

Abusing markup in general is akin to saying "****", yes.

> Duh. I don't see in the group name where it's CSS only.

It isn't. Most of the regulars around here do know what they're talking
about, though.

> If I want to use tables, that's my damn business.

It becomes the group's business when you submit your website to public
review here.

> Bitch to www.cnn.com then and see how well that goes over with them.
> Oh and if you really want to get sick, www.msn.com

Did either of them submit their sites here?

> http://1-large-world.com/stargate/movie/tooltip.html
>
> Is there any way to fix the floating larger image to a set position on the
> screen?

I'm no expert but the way I would do it would be a little different to how
you've got it.
The way it's done at the moment, the tooltip won't display if I have
JavaScript disabled so I would have the images actually link to a page with
the tooltip/image even if the user doesn't _have_ to click on the link to
see it.

Then, use a script similar to:

<script type="text/javascript">
<!--
function showTip(id,display)
{
if(document.getElementById)
{
if(display)
document.getElementById(id).style.display = "block";
else
document.getElementById(id).style.display = "none";
}
}
//-->
</script>

From there, your HTML would be similar to:

<div>

<a href="img1.html" onmouseover="showTip('img1',true)"
onmouseout="showTip('img1',false)"><img src="images/img1.gif"
alt="Image1"></a>

<a href="img2.html" onmouseover="showTip('img2',true)"
onmouseout="showTip('img2',false)"><img src="images/img2.gif"
alt="Image2"></a>

</div>

<div id="img1" class="hidden">
<img src="bigImg1.gif" alt="Larger Version Img1">
Tooltip text
</div>

<div id="img2" class="hidden">
<img src="bigImg2.gif" alt="Larger Version Img2">
Tooltip text
</div>

and you can use the following CSS:

<style type="text/css">
<!--
..hidden{display:none}
//-->
</style>

If you don't like that, perhaps someone else can help - or, if I've made an
error, someone will be likely to pick it up.

HTH,
Nicko.

e n | c k m a wrote:

>> http://1-large-world.com/stargate/movie/tooltip.html
>>
>> Is there any way to fix the floating larger image to a set position on
>> the screen?

> I'm no expert but the way I would do it would be a little different to
> how you've got it.
> The way it's done at the moment, the tooltip won't display if I have
> JavaScript disabled so I would have the images actually link to a page
> with the tooltip/image even if the user doesn't _have_ to click on the
> link to see it.

Thanks for the assistance. The point to the script is, that the author says
it works in "ALL" browsers.
I don't want to rewrite it. If I did that, I'd start from scratch.
Then I'd have browser problems for sure.

I've run into another snag, where the image does not float offscreen if the
bottom edge is detected as it does for the left and right edges.

If you can figure out a way to close out the tooltip window with a click,
that'd be perfect.
I have it set now to close the window with a click on the thumbnail rather
than using onmouseout.
When the thumbnail is covered by the tooltip, you can't click and close.