Skip to main content

Five easy steps to create slide show in HTML!!

1. Create six HTML pages and name them frame1.html, frame2.html, frame3.html, frame4.html, frame5.html and frame6.html. Add your own text to the pages.

2. Then within the web page that will be linking to the slideshow (index.html for example), create a link that states something like this: View Our Slideshow (note that this hyperlink is linked to frame1.html)

3. Open frame1.html and add the following meta tag code below between the head tags. Note that the URL we specified is directing the refresh to page2.html after 12 seconds: <meta http-equiv="refresh" content="12;url=frame2.html"> 

4. Then open frame2.html and add the same code in the same location taking care to edit the refresh to frame3.html. Do this on each of the six pages you created in step 1. In frame6.html (or the last page) you can have the slideshow refresh redirect your visitor to another page on your site by simply editing the page name in the http-equiv code of step 3. 

5. You can edit the 12 seconds to whatever you wish and you can create as many HTML pages with refresh redirectors too. Just remember to edit the page name where you want the page to take your visitors next. 

Comments

Post a Comment

Popular posts from this blog

how make a good blog post!!

Most of us write blog for very many different reasons, but the sole purpose stands on the fact that we want to gain some attraction and popularity. The best way to do that is to be the best at what you do. The art of writing a famous blog is not an easy task, it takes time and patience, it is so because blogs are  one of the fastest-growing means of mass communication, they have gained a lot of attention since the 2000 and they are a now becoming a serious rival for traditional media like newspaper and other mass media. So here the few tips that I think will result in a good blog post if followed thoroughly: 1.      As the old saying goes “plan well before you do anything”, first  choose what type of blog you want to create. Have a rock solid idea about your main theme. The main success of the blog lies in the fact that you should consider your blog as an extension of yourself. Your blog identifies who you are. It exposes the person who you are on ...
30 comments
Read more

Next Generation E Paper Technology.

E-paper technology is designed in such a way to mimic the appearance of ordinary paper.   E-paper consists of thin electronic display, unlike ordinary display it reflects sunlight that gives the readers a much more legible text to read.  Electrophoretic display: E-paper technology consists E-ink suspened  between two transpare nt electrode layers. E-ink capsules are made of titanium oxide which are optically reflecting, when voltage is applied some particles move to viewing side of the paper thus causing the reflection of light it appears white  If the particles move to the rear side of the display dark colored moves up front and hence it appears black,thus alternating the voltage a pixel is formed and hence the image.   Further different types of colors can be obtained by placing suitable color filters color filters above the spheres Electrowetting: Electrowetting displays co...
8 comments
Read more

Google Drive

hey guys have you come across these words cloud storage, cloud computing, cloud apps etc.., well here is an little interesting sneak peak into what they really mean...etc   A cloud storage is virtual space on the internet where all your data will be stored on various servers all over the world. The best example being your gmail account.   Google has its own cloud storage called Google drive, which was earlier knows as Google docs, was launched in April 2012.   Google drive is much more advanced, efficient and user-friendly compared to other cloud storage facilities like Dropbox, Box.net, Microsoft, Amazon.   A Google Drive  user can store all most anything that he needs it to be in very safe place, for a long time.     Three unique features of Google drive:   1.It s upports many file formats. Some of them being Image files (.JPEG, .PNG, .GIF, .TIFF, .BMP) Video files (WebM, .MPEG4, .3GPP, .MOV, .AVI, .MPEGPS...
5 comments
Read more