i'm contemplating adding some slide pages * testing stages *

[ace2]

The issue I'm having is getting the slideshow to populate into the position centred on my site and get it working.
The current sits perfectly inside a div and doesn't interfere with the page layout at all.
Just a shame it has no autostart function!!!

[mcrossley]

If you want your original version to autostart, you could try this tweak...

Code: Select all

(function(document) {
	var $items = document.querySelectorAll(".miniSliderSlideshow div"), numItems = $items.length;
	var counter = numItems * 100;
	var showCurrent = function() {
		var itemToShow = Math.abs(counter % numItems);
		[].forEach.call($items, function(el) {
			el.style.position = "absolute";
			el.style.opacity = "0";
		});
		$items[itemToShow].style.position = "relative";
		$items[itemToShow].style.opacity = "1";
	};
	document.querySelector(".prev").addEventListener("click", function() {
		counter--;
		showCurrent();
		document.querySelector(".stop").style.display = "none";
		document.querySelector(".start").style.display = "inline";
		window.clearInterval(slideshow);
	}, false);
	document.querySelector(".start").addEventListener("click", function() {
		document.querySelector(".start").style.display = "none";
		document.querySelector(".stop").style.display = "inline";
		counter++;
		showCurrent();
		slideshow = window.setInterval(function() {
			counter++;
			showCurrent();
		}, 5000);
	}, false);
	document.querySelector(".stop").addEventListener("click", function() {
		document.querySelector(".stop").style.display = "none";
		document.querySelector(".start").style.display = "inline";
		window.clearInterval(slideshow);
	}, false);
	document.querySelector(".next").addEventListener("click", function() {
		counter++;
		showCurrent();
		document.querySelector(".stop").style.display = "none";
		document.querySelector(".start").style.display = "inline";
		window.clearInterval(slideshow);
	}, false);

	document.querySelector(".start").style.display = "none";
	document.querySelector(".stop").style.display = "inline";
	counter++;
	showCurrent();
	slideshow = window.setInterval(function() {
		counter++;
		showCurrent();
	}, 5000);

})(document);

[ace2]

Thanks Mark, I always love a Good tweak...

Works perfectly
http://ace2weather.com/lightningslide.htm

[TNETWeather]

Cool you found a solution.

[ace2]

Pages all complete and navigation bar edited for new pages.
I'll take down those test pages in the next few days...

[ace2]

Started my slide page for sunrises.
I have a process that takes snaps every 5 minutes just before dawn and a little after. Using cumulus + script set the times.
All I have to do is select 1 image, upload and edit the page 2 suit.
Simple enough.......

Wish I had a PTZ camera and another to capture sunsets!!

[TNETWeather]

Wish I had a PTZ camera and another to capture sunsets!!

Not sure what you are using now, but perhaps use a second camera?

[ace2]

Foscam FI9805W bullet camera.
PTZ =pan/tilt/zoom
This would be handy for sunsets. Only problem in this, is the wife!!!!

[TNETWeather]

I used 3 FI8918W, 2 black and one white one. They are wireless (still need power) and easy to use. Basically indoor cameras though.

I mounted the white one on the back patio under the awning for almost 1-1/2 years. It was sheltered, but it worked well. Primarily it was pointing up towards the sky to the south, but I made sure the sun was not direct in line with it. I would re-position it sometimes at night to point at thunderstorms. It held up well. One of the black ones was in the front of the house also under an awning. Also worked well, but the black is not smooth, almost textured, and it collected a lot of dirt over time that the white one which is smooth didn't.

It gets hot here, so the one in the back facing south would get some real heat with both the ambient temp and the sun beating down on the awning.

I had to promise not to point any of them at the pool when the wife was in it though.

Gave 2 of them away and still use one in my office to monitor equipment when I am out of the office via IP Cam viewer on my phone.

[water01]

I had to promise not to point any of them at the pool when the wife was in it though.