moving water!

[roxytoo]

would a few people mind clicking on my home page and seeing if they can see the water effect on my main photo? I have had to take a tag out of the html to validate it properly and was advised it might not be viewable on all browsers (I also realise people have to have flash installed!)
mucho gracias!

[Clexane]

I am using Firefox. No main photo and no water effect ... Sorry

[Hanorah]

Hi I am on internet explorer and can view the effect. Very relaxing.

[Sue Dyer]

Hi, on I.E and see it fine too.

[enid]

I'm on IE and it moved for me!

Enid

[roxytoo]

I'm so pleased Enid that it moved for you!! Have to admit though I know I shoudn't probably have it (flash and all that and not displaying correctly) now I have done it and I know its our pool and I KNOW it looks like that I just have to keep it!

Keep it comming folks, at the mo seems like Firefox can't see it, how about netscape?

[Alan Knighting]

Meishka,

With Internet Explorer 6 I get the moving waters of your pool.

With Netscape 7.02 I don't get the pool at all.

Alan

[roxytoo]

OK , thanks for that, so heres my dilemma

I would really like to keep the moving water so I figure I have 3 options

1. To keep water and disregard the percentage of people using netscape, firefox, most are on IE so it will show on that

2. to keep the 'proper' source code so firefox/netscape can view but then I can't vailidate the html on the page and not sure how important this is anyway

3 to go back to the orginal photo and not have the rippling effect

what do others think?
as Hanorah says' always learning!'

[Alan Knighting]

Meishka,

My understanding is that you can create alternate style sheets for different browsers. That way each browser will use the appropriate style sheet when rendering your site.

Don't ask me how. Is there an HTML or CSS hacker amongst us who does have the answer?

Alan

[Fraise]

Oh, I've just seen the moving water- I think it's lovely but then maybe that's partly because it's a novelty? It makes you want to jump in- and this from someone with a couple of pools and so far this year haven't been in them at all cos it's not warm enough!!Weird weather!!! I'm waiting for the heatwave!!! Ohh-then your moving water would be irresistable!!

[charles]

Hi Meishka,

I love a challenge!

You can achieve 1 and 3 with a bit of Javascript. If you copy the following code into a new file - call it what you like, say test.htm, and place it in the same area as index.htm. (that way it will pick up your flash image correctly).

What should happen is: in Internet Explorer, Opera and Avant Browser you should see the moving image, and in Netscape
and Firefox you should see a a square where a normal image should appear. You need to change the contents of this line

<img src="house.gif" alt="Your own text here" width="75" height="59">

with the name and location of your still image.

To incorporate into your existing page:

Delete this block:

Code: Select all

<table border="0" cellpadding="0" cellspacing="0" width="979">
  <!--DWLayoutTable-->
  <tr> 
    <td width="974" height="174" valign="top"><center> 
<object classid="clsid&#58;D27CDB6E-AE6D-11cf-96B8-444553540000"
  codebase="http&#58;//download.macromedia.com/pub/shockwave/cabs/flash/swflash.

<snip>

      </td>
  </tr>
</table> 

and replace it with the code below.

If you try it let me know how you get on.

Cheers
Charles

Code: Select all

<script language="JavaScript" type="text/JavaScript"> 

var browserName=navigator.appName;

if &#40;browserName=="Netscape"&#41; 
&#123;
document.write&#40;'<table border="0" cellpadding="0" cellspacing="0" width="979">'&#41;;
document.write&#40;'<tr>'&#41;;
document.write&#40;'<td width="974" height="174" valign="top"><center>'&#41;;
document.write&#40;'<img src="house.gif" alt="Your own text here" width="75" height="59">'&#41;;
document.write&#40;'</center>'&#41;;
document.write&#40;'</td>'&#41;;
document.write&#40;'</tr>'&#41;;
document.write&#40;'</table>'&#41;;
&#125;
else &#123;
document.write&#40;'<table border="0" cellpadding="0" cellspacing="0" width="979">'&#41;;
document.write&#40;'<tr>'&#41;;
document.write&#40;'<td width="974" height="174" valign="top"><center>'&#41;;
document.write&#40;'<object classid="clsid&#58;D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http&#58;//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,42,0" id="pool" width="974" height="174">'&#41;;
document.write&#40;'<param name="movie" value="pool.swf">'&#41;;
document.write&#40;'<param name="quality" value="high">'&#41;;
document.write&#40;'<param name="bgcolor" value="#FFFFFF">'&#41;;
document.write&#40;'</object>'&#41;;
document.write&#40;'</center>'&#41;;
document.write&#40;'</td>'&#41;;
document.write&#40;'</tr>'&#41;;
document.write&#40;'</table>'&#41;;
&#125; 

</script>

[Alan Knighting]

Meishka,

Re Charles' reply. The answer to a maiden's dream?

Don't forget, you heard it here first.

Alan

[roxytoo]

hi Charles

Think I have done it here

http://www.spainrentalsite.com/test.htm

not sure if it is right though? What can you see now Clexane and Alan?

[charles]

Hi,

It's working on Firefox and Netscape but you need to remove this bit from the code:

width="75" height="59" [7th line of code]

That was the size of my test image - yours is a lot of wider and taller.

Cheers
Charles

[roxytoo]

thanks will try that in a min, still can't validate it though?