Author Topic: New Member  (Read 6596 times)

Will Grimsley

  • Guest
New Member
« on: January 05, 2013, 03:50:22 PM »
Hi guys,

I'm Will Grimsley, I have Cumulus weather software and my website is: http://www.newton-poppleford-weather.co.uk/

I hope I enjoy the forum.

Will

Offline Budgie

  • UK Weather Net Admin
  • Administrator
  • Newbie
  • *****
  • Posts: 41
    • Hebrides Weather
Re: New Member
« Reply #1 on: January 05, 2013, 05:07:23 PM »
Hi Will and welcome to the forum.  :D

Martin

Will Grimsley

  • Guest
Re: New Member
« Reply #2 on: January 05, 2013, 08:55:13 PM »
Thanks, Budgie! :D

Offline harrisweather

  • Newbie
  • *
  • Posts: 2
  • Don't stare down look up, you might miss something
    • Harrisweather
Re: New Member a question
« Reply #3 on: February 04, 2013, 10:41:56 AM »
Hi there,

Just checked out your website, very impressive.
May I ask what are you using for your photos, I having difficulty integrating into my website.

Regards

Lee
http://www.harrisweather.com
La crosse WS2300 - Weather-Display (10.37R-(b45)
Weather Underground: IBRISTOL24
PWS Weather: PURDOWN01
CWOP: EW1841



Will Grimsley

  • Guest
Re: New Member
« Reply #4 on: March 17, 2013, 06:20:25 PM »
Hi Lee,

For my wxphotos.php page, I use some Javascript software to achieve this.

Here is the code:

Code: [Select]
<script type="text/javascript">
// <![CDATA[
// Author: ricocheting.com
// Description: slideshow that allows visitors to flip through a series of images on your website

var x=0;

function rotate(num){
fs=document.ff.slide;
x=num%fs.length;
if(x<0) x=fs.length-1;
document.images.show.src=fs.options[x].value;
fs.selectedIndex=x;}

function auto() {
if(document.ff.fa.value == "Stop"){
rotate(++x);setTimeout("auto()", 5000);}}
// ]]>
</script>

<form name="ff" action="">
<table cellpadding="3" style="border:1px black solid;border-collapse:collapse;">


<tr><td align="center">
<img src="http://www.newton-poppleford-weather.co.uk/sunny.JPG" name="show" alt=""/>
</td></tr>

<tr><td align="center" style="border:1px black solid;">
<select name="slide" onchange="rotate(this.selectedIndex);">
<option value="http://www.newton-poppleford-weather.co.uk/sunny.JPG">Davis Vantage Vue</option>
<option value="http://www.newton-poppleford-weather.co.uk/sunset.JPG">Davis Vantage Vue</option>
<option value="http://www.newton-poppleford-weather.co.uk/vueconsole.JPG">Davis Vantage Vue Console</option>
<option value="http://www.newton-poppleford-weather.co.uk/newtonpoppleford.JPG">Newton Poppleford</option>
<option value="http://www.newton-poppleford-weather.co.uk/frostypaddock.JPG">Frosty Paddock</option>
<option value="http://www.newton-poppleford-weather.co.uk/frostyhottub.JPG">Frosty Hot Tub</option>
<option value="http://www.newton-poppleford-weather.co.uk/windvane.JPG">Wind Vane</option>
<option value="http://www.newton-poppleford-weather.co.uk/snowygazeboandhottub.JPG">Snowy Gazebo and Hot Tub</option>
<option value="http://www.newton-poppleford-weather.co.uk/snowygarden.JPG">Snowy Garden</option>
</select>
</td></tr>

<tr><td align="center" style="border:1px black solid;">
<input type="button" onclick="rotate(0);" value="ll&lt;&lt;" title="Jump to beginning" />
<input type="button" onclick="rotate(x-1);" value="&lt;&lt;" title="Last Picture" />
<input type="button" name="fa" onclick="this.value=((this.value=='Stop')?'Start':'Stop');auto();" value="Start" title="Autoplay" style="width:75px;" />
<input type="button" onclick="rotate(x+1);" value="&gt;&gt;" title="Next Picture" />
<input type="button" onclick="rotate(this.form.slide.length-1);" value="&gt;&gt;ll" title="Jump to end" />
</td></tr></table></form>

Just copy this code into your page but make sure to change the <option value""></option> to your photo links.

Hope this helps...

William