Page 2 of 2

Re: i'm contemplating adding some slide pages * testing stag

Posted: Fri 30 Jan 2015 1:18 am
by 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!!!

Re: i'm contemplating adding some slide pages * testing stag

Posted: Fri 30 Jan 2015 9:36 am
by 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);

Re: i'm contemplating adding some slide pages * testing stag

Posted: Fri 30 Jan 2015 11:37 am
by ace2
Thanks Mark, I always love a Good tweak...

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

Re: i'm contemplating adding some slide pages * testing stag

Posted: Fri 30 Jan 2015 6:40 pm
by TNETWeather
Cool you found a solution.

Re: i'm contemplating adding some slide pages * testing stag

Posted: Sun 01 Feb 2015 7:32 am
by ace2
Pages all complete and navigation bar edited for new pages.
I'll take down those test pages in the next few days...

Re: i'm contemplating adding some slide pages * testing stag

Posted: Thu 05 Feb 2015 8:44 am
by 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!!

Re: i'm contemplating adding some slide pages * testing stag

Posted: Thu 05 Feb 2015 6:00 pm
by TNETWeather
ace2 wrote:Wish I had a PTZ camera and another to capture sunsets!!
Not sure what you are using now, but perhaps use a second camera?

Re: i'm contemplating adding some slide pages * testing stag

Posted: Thu 05 Feb 2015 11:44 pm
by ace2
Foscam FI9805W bullet camera.
PTZ =pan/tilt/zoom
This would be handy for sunsets. Only problem in this, is the wife!!!!

Re: i'm contemplating adding some slide pages * testing stag

Posted: Fri 06 Feb 2015 5:19 am
by 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.

Re: i'm contemplating adding some slide pages * testing stag

Posted: Fri 06 Feb 2015 10:00 am
by water01
I had to promise not to point any of them at the pool when the wife was in it though.
:D :D :D :D :D :D