I wanted to create a scrolling picture show as a banner on all the pages in a micro site. Many sites use this for their front page decoration. I didn’t want to use animated gif because of the age of the technology.It’s obviously becoming easier. Basic Tips below, shows how to use the HTML META tag with http-equiv=”refresh”attribute set.<\/p>\n
The example asks the user to start the slide show, I didn’t want this. I create a bunch of slides as .htm[l] pages. Each slide page contains only the picture, and the meta tag, although a title and other meta data is probably a good idea.<\/p>\n
<HTML>\r\n<HEAD>\r\n<TITLE>some title<\/TITLE>\r\n<!------ This page is an image container and URL ------->\r\n<META HTTP-EQUIV=\"refresh\" CONTENT=\"8;url=ss2.html\"> \r\n<\/HEAD>\r\n<BODY>\r\n<IMG SRC=\"picx\/dlr-postbox.png\" ALT=\"DLR\" WIDTH=\"1024\" HEIGHT=\"102\" BORDER=\"0\"> \r\n<\/BODY>\r\n<\/HTML><\/pre>\nEach page points at the next page and has a time period defined in seconds. I, then implemented the slide show host page within an IFRAME.<\/p>\n
<HTML>\r\n<HEAD>\r\n<TITLE><\/TITLE>\r\n<\/HEAD>\r\n<BODY>\r\n<CENTER>\r\n<IFRAME SRC=\"ss1.html\" SCROLLING=\"NO\" WIDTH=\"1024\" HEIGHT=\"102\" MARGINWIDTH=\"0\" MARGINHEIGHT=\"0\"> \r\n<\/IFRAME> \r\n<\/CENTER>\r\n<\/BODY>\r\n<\/HTML><\/pre>\nThat’s it! The default margins don’t seem to be 0, so they need to be set. The frame is used to ensure that the image is displayed on the host page load.<\/p>\n","protected":false},"excerpt":{"rendered":"
I wanted to create a scrolling picture show as a banner on all the pages in a micro site. Many sites use this for their front page decoration. I didn’t want to use animated gif because of the age of the technology.It’s obviously becoming easier. Basic Tips below, shows how to use the HTML META…<\/p>\n","protected":false},"author":1,"featured_media":4066,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","_share_on_mastodon":"0"},"categories":[27,3],"tags":[653,1123,251,253,36,920,911,218],"class_list":["post-966","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software","category-technology","tag-banner","tag-carousel","tag-css","tag-html","tag-programming","tag-software","tag-technology","tag-www"],"share_on_mastodon":{"url":"","error":""},"jetpack_featured_media_url":"https:\/\/davelevy.info\/wiki\/wp-content\/uploads\/2009\/07\/html-from-makeuseof_com-w650c.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts\/966","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/comments?post=966"}],"version-history":[{"count":8,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts\/966\/revisions"}],"predecessor-version":[{"id":970,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts\/966\/revisions\/970"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/media\/4066"}],"wp:attachment":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/media?parent=966"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/categories?post=966"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/tags?post=966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}