Skip to main content

Posts

Showing posts with the label CODES

Slideshow / Carousel

  A slideshow is used to cycle through elements: Create A Slideshow Step 1) Add HTML: <!-- Slideshow container --> < div  class ="slideshow-container" >    <!-- Full-width images with number and caption text -->    < div  class ="mySlides fade" >      < div  class ="numbertext" > 1 / 3 < /div >      < img  src ="img1.jpg"  style ="width:100%" >      < div  class ="text" > Caption Text < /div >    < /div >    < div  class ="mySlides fade" >      < div  class ="numbertext" > 2 / 3 < /div >      < img  src ="img2.jpg"  style ="width:100%" >      < div  class ="text" > Caption Two < /div >    < /div >    < div  class ="mySlides fade" >  ...

HOW TO CREATE SWITCH BUTTON

                                                                                                 SWITCH BUTTON WITH HTML < label for = " switch-1 " class = " gui-switch " > Default < input type = " checkbox " role = " switch " id = " switch-1 " > </ label > < label for = " switch-2 " class = " gui-switch " > Indeterminate < input type = " checkbox " role = " switch " id = " switch-2 " > < script > document . getElementById ( 'switch-2' ) . indeterminate = true </ script > </ label > < label for = " switch-3 " class = " gui-switch " > Disabled < input type = " checkbox " role = " switch " id = " switch-3 " ...