Operate from Blackberry/Android/Iphone-Ipad/Nokia/PC/Mac across the Globe W/O PC

Quote from: nikkpap on July 11, 2012, 02:42:49 AM
i have to say very nice UI but very slow i tried to modify little bit like to use background-color grey instead of png i did a png reduce but still very slow.

can someone make faster...? any ideas?? can we add all the spare digital pins too ? and how? i cant even change the led names if i do this i lost the on of png...

and something last nice round png but its more easy to draw a cicle or a square like RED on OFF and Green or Blue on ON ?????? thanks for your effort keep up.... bravo

yeah I noticed it was slow too but I think it is browser dependant. I tried it on Dolphin browser for android and it was slow but using the stock android browser it was a little bit faster.

in terms of different buttons I found these

http://images.clipartof.com/small/1086756-Clipart-3d-Toggle-Switches-With-Chrome-Bases-Royalty-Free-Vector-Illustration.jpg

and

http://us.123rf.com/400wm/400/400/enki/enki1112/enki111200044/11768340-green-toggle-switch-on-metallic-surface.jpg

its tricky changing the buttons because the names need to match with the original files if you want to avoid mucking around with the code.

For Image Animation (Sprite) use following Generator and feed them 2 separate PNG /JPG images 1. "ON" 2. "OFF" in a compressed ZIP file

Change in "style.css" file on SD Card as per CSS generartor output... in following lines

/*
  Copyright 2010 Ovidiu Predescu <ovidiu@gmail.com>
  Date: December 2010
  */
div.light a {
	
	margin-left: auto;
	margin-right: 50;
	background-image:url('toggle.png'); // "File Name for your SPRITED Image"
	display: block;
	float: right;
}

a.off { background-position: 0 0; width: 89px; height: 31px; } ]  // Position copied from output of the SPIRTE Generator
a.on { background-position: 0 -63px; width: 89px; height: 31px; }  // Position copied from output of the SPIRTE Generator