{"id":3413,"date":"2012-05-27T15:10:51","date_gmt":"2012-05-27T20:10:51","guid":{"rendered":"http:\/\/www.rgdot.com\/bl\/?p=3413"},"modified":"2013-04-14T20:06:10","modified_gmt":"2013-04-15T01:06:10","slug":"switch-banner-maker-free-online-service","status":"publish","type":"post","link":"https:\/\/www.rgdot.com\/bl\/2012\/05\/27\/switch-banner-maker-free-online-service\/","title":{"rendered":"Switch Banner Maker: Free Online Service"},"content":{"rendered":"<p>Soon after I wrote about MP3 Toolkit\u00a0 I was contacted by the people behind it,\u00a0 they pointed me to an online service they run and wondered if I would write about it.<\/p>\n<p>It is the <a title=\"Switch Banner Maker\" href=\"http:\/\/www.switchbanner.com\/\" target=\"_blank\">Switch Banner Maker<\/a> and it is a free service that creates rotating or switching banners and generates the code to insert in web pages. It is a simple service that outputs nice and professional looking banners or images (see sample made below.)<\/p>\n<style>@import url(http:\/\/www.switchbanner.com\/switch_banner.css);<\/style>\n<style>.num LI {BACKGROUND: url(http:\/\/www.switchbanner.com\/img\/green.gif) no-repeat -15px 0px;}.num LI.on {BACKGROUND: url(http:\/\/www.switchbanner.com\/img\/green.gif) no-repeat;}<\/style>\n<div id=\"idContainer112s4s0s13s38s31\" class=\"container\" style=\"WIDTH:200px;HEIGHT:200px;\">\n<table id=\"idSlider112s4s0s13s38s31\" border=0 cellSpacing=0 cellPadding=0>\n<tr>\n<td class=\"td_f\"><a href=\"http:\/\/www.rgdot.com\/bl\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/-76W6tKG7TAU\/Tr9A93TRwGI\/AAAAAAAAACs\/ZzCnowtgJQk\/s200\/rgdot1.jpg\" width=\"200\" height=\"200\"><\/a><\/td>\n<td class=\"td_f\"><a href=\"http:\/\/www.rgdot.com\/bl\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/-T8vY1ebN-S8\/Tr9A_08tcGI\/AAAAAAAAAC0\/gheY8e4Fbes\/s200\/rgdot2.jpg\" width=\"200\" height=\"200\"><\/a><\/td>\n<td class=\"td_f\"><a href=\"http:\/\/www.rgdot.com\/bl\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/-jYCY2XyRkmA\/Tr9BBTO0FII\/AAAAAAAAAC8\/otsZFKxOUOo\/s200\/rgdot3.jpg\" width=\"200\" height=\"200\"><\/a><\/td>\n<td class=\"td_f\"><a href=\"http:\/\/www.rgdot.com\/bl\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/-2HXWi2ggnzE\/Tr9BDOF2k8I\/AAAAAAAAADE\/UbEgJQYu2J4\/s200\/rgdot4.jpg\" width=\"200\" height=\"200\"><\/a><\/td>\n<td class=\"td_f\"><a href=\"http:\/\/www.rgdot.com\/bl\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/-ZWQD7vZp2cY\/Tr9BF8-iymI\/AAAAAAAAADM\/slj_xRqsHBw\/s200\/rgdot5.jpg\" width=\"200\" height=\"200\"><\/a><\/td>\n<\/tr>\n<\/table>\n<ul id=\"idNum112s4s0s13s38s31\" class=\"num\" style=\"POSITION:absolute;WIDTH:200px;FLOAT:none;TOP:175px;LEFT:84px;\"><\/ul>\n<\/div>\n<p><script type=text\/javascript>var cPic=5;var cPauseTime=3000;var cName=\"idContainer112s4s0s13s38s31\";var cTable=\"idSlider112s4s0s13s38s31\";var cIdNum=\"idNum112s4s0s13s38s31\";<\/script><script type=text\/javascript src=\"http:\/\/www.switchbanner.com\/switch_banner.js\"><\/script><br \/>\n<script type=text\/javascript>\nvar st112s4s0s13s38s31 = new SlideTrans(cName, cTable, cPic, { Vertical: false });\nvar nums112s4s0s13s38s31 = [];\nfor(var i = 0, n = st112s4s0s13s38s31._count - 1; i <= n;){\n(nums112s4s0s13s38s31[i] = $(cIdNum).appendChild(document.createElement(\"li\"))).innerHTML = ++i;\n}\nforEach(nums112s4s0s13s38s31, function(o, i){\no.onmouseover = function(){ o.className = \"on\"; st112s4s0s13s38s31.Auto = false; st112s4s0s13s38s31.Run(i); }\no.onmouseout = function(){ o.className = \"\"; st112s4s0s13s38s31.Auto = true; st112s4s0s13s38s31.Run(); }\n})\nst112s4s0s13s38s31.onStart = function(){\nforEach(nums112s4s0s13s38s31, function(o, i){ o.className = st112s4s0s13s38s31.Index == i ? \"on\" : \"\"; })\n}\nst112s4s0s13s38s31.Run();\n<\/script><br \/>\n<!-- Switch Banner Code End SwitchBanner.com --><\/p>\n<p>The user inputs up to 10 images, these must be hosted by the user. Each image can then be hyperlinked individually. The width and height is also required. For best results these values should be consistent across all images. The user has the option to choose the color for the number button and to position it on the lower right or lower left of the generated banner. Delay between images can be set and the image number's visibility can be toggled off as well.<\/p>\n<p>The output code featuring a hosted javascript is then inserted into any page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Soon after I wrote about MP3 Toolkit\u00a0 I was contacted by the people behind it,\u00a0 they pointed me to an online service they run and wondered if I would write about it. It is the Switch Banner Maker and it is a free service that creates rotating or switching banners and generates the code to [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[3],"tags":[105,501,56],"class_list":["post-3413","post","type-post","status-publish","format-standard","hentry","category-software-reviews","tag-animation","tag-banner","tag-image"],"_links":{"self":[{"href":"https:\/\/www.rgdot.com\/bl\/wp-json\/wp\/v2\/posts\/3413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rgdot.com\/bl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rgdot.com\/bl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rgdot.com\/bl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rgdot.com\/bl\/wp-json\/wp\/v2\/comments?post=3413"}],"version-history":[{"count":5,"href":"https:\/\/www.rgdot.com\/bl\/wp-json\/wp\/v2\/posts\/3413\/revisions"}],"predecessor-version":[{"id":4148,"href":"https:\/\/www.rgdot.com\/bl\/wp-json\/wp\/v2\/posts\/3413\/revisions\/4148"}],"wp:attachment":[{"href":"https:\/\/www.rgdot.com\/bl\/wp-json\/wp\/v2\/media?parent=3413"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rgdot.com\/bl\/wp-json\/wp\/v2\/categories?post=3413"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rgdot.com\/bl\/wp-json\/wp\/v2\/tags?post=3413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}