1 Reply Latest reply on Jun 10, 2015 10:46 AM by PabloM_Intel

    using .css and image (png or jpg) files in Arduino WebServerWIFI


      Dear Sir,

      I have Arduino Intel Edison board with Linux version 3.10.17-poky-edison+ (sys_dswci@tlsndgbuild004) (gcc version 4.8.2 (GCC) ) #1 SMP PREEMPT Wed Apr 29 03:54:01 CEST 2015.


      While exploring I find, main.css and logo-intel.png file are available in the directory  /usr/lib/edison_config_tools/public . These are used in Device Information web page. I'm looking for examples using  css and png or jpg files in Arduino WebServerWIFI examples? Can someone suggest an example using these existing which can be tailored to need later on?


      Thanks and regards

      Ashok Thapar

        • 1. Re: using .css and image (png or jpg) files in Arduino WebServerWIFI

          Hi Ashok_Thapar,


          To insert an image you should use the standard HTML line <img src=”image.png”>. You can find some examples using HTML in the Arduino IDE under File > Examples > Ethernet. I haven’t find any sketch using CSS, but you can check this link where you will find some examples of CSS for the Arduino UNO Ethernet Shield.


          As far as I understand, you just have to call the HTML file to open it (including its style sheet and/or images). Or you can start printing HTML instructions directly from the sketch, the example WebServer shows something similar.