M
Murray
Yippee!
--
Murray
--------------
MVP FrontPage
--
Murray
--------------
MVP FrontPage
swash said:Hats off! Applause! and Many Thanks!!! to you
Murray said:Leave that part of the code alone. Find the </head> tag on the page, and
replace it with what I showed below as my suggestion.
--
Murray
--------------
MVP FrontPage
swash said:I can't get it. Is this supposed to before, after or instead of
style="position: absolute; width: 400px; height: 400px;
z-index: 1; left: 200px; top: 30px;
font-family: trebuchet,verdana,arial,sans-serif;
font-size: 14px; font-color: black; background:
#FFC;
border: 8px green inset; padding: 15px;">
<!-- <img src = "images/1.jpg";> -->
Watch this space
Or somewhere else. Sorry.
:
<style type="text/css">
#layer1 { color:green; font-weight:bold; font-size:large; }
</style>
</head>
Like that....
--
Murray
--------------
MVP FrontPage
where should i put this in the code?
:
#layer1 { color:green; font-weight:bold; font-size:large; }
--
Murray
--------------
MVP FrontPage
Thanks to all 3 of you. This works just like I needed. I never
would
have
gotten that script right. You all are the best. One more
question,
How
can
I format the text that says 'Watch this space'? I know that I
can
format
the
first one
<div id="layer1"
style="position: absolute; width: 400px; height: 400px;
z-index: 1; left: 200px; top: 30px;
font-family: trebuchet,verdana,arial,sans-serif;
font-size: 14px; font-color: black; background:
#FFC;
border: 8px green inset; padding: 15px;">
<!-- <img src = "images/1.jpg";> -->
Watch this space
</div>
But how can I fomat the ones that are located int the mouseover
event
like
this one:
onmouseout="FP_setLayerText('layer1','Watch this space')">
I don't actually see the text in design view and I tried doing
something
directly with the code but it wasn't right because I got an
error.
Thanks again
:
E. T. Culling wrote:
I think he also REALLY needs the java scripts.
Thanks Eleanor.
I posted my reply as a "please hold" while I had a lunch break.
Swash,
The site you referred to uses layers and mouseovers and some
Javascript
functions.
Here is a fairly simple piece of code (basically Murray's with a
small
change to remove the image on mouseout) which I think will do
what
you
want.
It also uses layers and mouseovers, but the functions are a bit
simpler.
You need to provide the images. This code assumes they are
images/1.jpg
images/2.jpg
images/3.jpg
images/1.jpg
Change these to what you want and amend the code accordingly.
You may also want to change the borders on 'layer1'. I leave
that
up
to
you.
CODE FOLLOWS
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<title>Slideshow Demo</title>
<script type="text/javascript">
function FP_setLayerText(id,txt)
{//v1.0
var el = FP_getObjectByID(id)
if(el.innerHTML)
el.innerHTML = txt
}
function FP_getObjectByID(id,o)
{// v1.0
var c, el, els, f, m, n
if(!o) o = document
if(o.getElementById)
el = o.getElementById(id)
else if(o.layers) c = o.layers
else if(o.all) el = o.all[id]
if(el) return el
if(o.id==id || o.name==id)
return o
if(o.childNodes)
c = o.childNodes
if(c)
for(n = 0; n < c.length; n++)
{ el = FP_getObjectByID(id,c[n])
if(el) return el }
f = o.forms
if(f)
for(n = 0; n < f.length; n++)
{ els = f[n].elements
for(m = 0; m < els.length; m++)
{ el = FP_getObjectByID(id,els[n])
if(el) return el }
}
return null
}
</script>
</head>
<body>
<div id="layer1"
style="position: absolute; width: 400px; height: 400px;
z-index: 1; left: 200px; top: 30px;
font-family: trebuchet,verdana,arial,sans-serif;
font-size: 14px; font-color: black; background:
#FFC;
border: 8px green inset; padding: 15px;">
<!-- <img src = "images/1.jpg";> -->
Watch this space
</div>
<p><a href=""
onmouseover="FP_setLayerText('layer1',
'<img src = "images/1.jpg">')"
onmouseout="FP_setLayerText('layer1','Watch this space')">
<img border="0" src="images/1.jpg" width="100" height="100">
</a></p>
<p><a href=""
onmouseover="FP_setLayerText('layer1',
'<img src = "images/2.jpg">')"
onmouseout="FP_setLayerText('layer1','Watch this space')">
<img border="0" src="images/2.jpg" width="100" height="100">
</a></p>
<p><a href=""
onmouseover="FP_setLayerText('layer1',
'<img src = "images/3.jpg">')"
onmouseout="FP_setLayerText('layer1','Watch this space')">
<img border="0" src="images/3.jpg" width="100" height="100">
</a></p>
<p><a href=""
onmouseover="FP_setLayerText('layer1',
'<img src = "images/4.jpg">')"
onmouseout="FP_setLayerText('layer1','Watch this space')">
<img border="0" src="images/4.jpg" width="100" height="100">
</a></p>
</body>
</html>
)