{"id":7,"date":"2004-03-16T22:03:39","date_gmt":"2004-03-16T22:03:39","guid":{"rendered":"http:\/\/www.permuted.org.uk\/photography\/archives\/7"},"modified":"2004-03-16T22:03:39","modified_gmt":"2004-03-16T22:03:39","slug":"blinking-buttons-and-hotlist-magic-wizard","status":"publish","type":"post","link":"https:\/\/www.permuted.org.uk\/photography\/blinking-buttons-and-hotlist-magic-wizard\/","title":{"rendered":"Blinking buttons and Hotlist magic :wizard:"},"content":{"rendered":"<\/p>\n<p><!--more-->Spent the last couple of  nights trying to figure out how to get some image-based links on my site to act like buttons. You know, change slightly as you hover over them. An illusion of movement like those old flicker books. OK, I should know how to do it, but I&#39;m slow&#8230; it took me a year to create a graphic link that even <i>looked<\/i> like a button.<\/p>\n<p>First stop was HTMLGoodies where I picked up a neat bit of javascript which did the trick. Almost. Problem was, it only worked for one button and I have eight on the page I was working on. However hard I tried (and oh I <i>slaved<\/i>) I could either have one button blink, no buttons blink, or worst of all, the <i>wrong<\/i> button blink. That last one was quite neat actually. You hover on one button and another image somewhere else on the page starts flashing. Could be useful (if I can find a sensible use for it).<\/p>\n<p>So time to google an answer. No need to actually <i>go<\/i> to Google of course, thanks to Opera. Google-on-a-plate at the top of the browser. So a moment later I find myself at somewhere called &#39;An HTML Help Page&#39;, and sure enough a multiple image script is there for the grabbing. That&#39;s when Opera came to the rescue for a second time. Instead of all that cut &#39;n paste hassle (highlight text, ctrl c, open notepad, ctrl v, bookmark the URL, copy url into the notepad file in case I can&#39;t remember later where I found it) I just highlighted the relevant text, rightclick, notes&#8230; and I had the lot, all saved in the Hotlist. Great tool and an absolute boon for researching on the net. <\/p>\n<p>Been playing with the script tonight and now have a fully functioning 8-blinking-button page all of my own. It&#39;s subtle, honestly. On most of them it just looks like a small backlight has come on when you hover the mouse over it. You&#39;ll have to take my word on this though. It&#39;s all part of a site relocation\/redesign I&#39;m working on so I won&#39;t be uploading some test pages for a couple of days yet. And then there&#39;ll still be plenty of work still to do. I plan to run two sites in parallel for a while (mainly to deal with bookmarked links, some hotlinks that will take a while to get changed, and a raft of internal re-linking). <\/p>\n<p>I&#39;ll post the link in a couple of days. I bet you can&#39;t wait!<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Spent the last couple of nights trying to figure out how to get some image-based links on my site to act like buttons. You know, change slightly as you hover over them. An illusion of movement like those old flicker books. OK, I should know how to do it, but I&#039;m slow... it took me\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Words\"\/>\n\t<meta name=\"google-site-verification\" content=\"ysqYJMdHoyW5GWLtqc9lMufn-ib-Lm9XICnaXDxAMm0\" \/>\n\t<meta name=\"keywords\" content=\"uncategorized\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.permuted.org.uk\/photography\/blinking-buttons-and-hotlist-magic-wizard\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/blinking-buttons-and-hotlist-magic-wizard\\\/#article\",\"name\":\"Blinking buttons and Hotlist magic :wizard: | Everything is Permuted\",\"headline\":\"Blinking buttons and Hotlist magic :wizard:\",\"author\":{\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/author\\\/words\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/#organization\"},\"datePublished\":\"2004-03-16T22:03:39+00:00\",\"dateModified\":\"2004-03-16T22:03:39+00:00\",\"inLanguage\":\"en-GB\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/blinking-buttons-and-hotlist-magic-wizard\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/blinking-buttons-and-hotlist-magic-wizard\\\/#webpage\"},\"articleSection\":\"Uncategorized\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/blinking-buttons-and-hotlist-magic-wizard\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/category\\\/uncategorized\\\/#listItem\",\"name\":\"Uncategorized\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/category\\\/uncategorized\\\/#listItem\",\"position\":2,\"name\":\"Uncategorized\",\"item\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/category\\\/uncategorized\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/blinking-buttons-and-hotlist-magic-wizard\\\/#listItem\",\"name\":\"Blinking buttons and Hotlist magic :wizard:\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/blinking-buttons-and-hotlist-magic-wizard\\\/#listItem\",\"position\":3,\"name\":\"Blinking buttons and Hotlist magic :wizard:\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/category\\\/uncategorized\\\/#listItem\",\"name\":\"Uncategorized\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/#organization\",\"name\":\"Everything is Permuted\",\"description\":\"Wildlife Photography\",\"url\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/author\\\/words\\\/#author\",\"url\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/author\\\/words\\\/\",\"name\":\"Words\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/blinking-buttons-and-hotlist-magic-wizard\\\/#webpage\",\"url\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/blinking-buttons-and-hotlist-magic-wizard\\\/\",\"name\":\"Blinking buttons and Hotlist magic :wizard: | Everything is Permuted\",\"description\":\"Spent the last couple of nights trying to figure out how to get some image-based links on my site to act like buttons. You know, change slightly as you hover over them. An illusion of movement like those old flicker books. OK, I should know how to do it, but I'm slow... it took me\",\"inLanguage\":\"en-GB\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/blinking-buttons-and-hotlist-magic-wizard\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/author\\\/words\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/author\\\/words\\\/#author\"},\"datePublished\":\"2004-03-16T22:03:39+00:00\",\"dateModified\":\"2004-03-16T22:03:39+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/#website\",\"url\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/\",\"name\":\"Everything is Permuted\",\"description\":\"Wildlife Photography\",\"inLanguage\":\"en-GB\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.permuted.org.uk\\\/photography\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Blinking buttons and Hotlist magic :wizard: | Everything is Permuted","description":"Spent the last couple of nights trying to figure out how to get some image-based links on my site to act like buttons. You know, change slightly as you hover over them. An illusion of movement like those old flicker books. OK, I should know how to do it, but I'm slow... it took me","canonical_url":"https:\/\/www.permuted.org.uk\/photography\/blinking-buttons-and-hotlist-magic-wizard\/","robots":"max-image-preview:large","keywords":"uncategorized","webmasterTools":{"google-site-verification":"ysqYJMdHoyW5GWLtqc9lMufn-ib-Lm9XICnaXDxAMm0","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.permuted.org.uk\/photography\/blinking-buttons-and-hotlist-magic-wizard\/#article","name":"Blinking buttons and Hotlist magic :wizard: | Everything is Permuted","headline":"Blinking buttons and Hotlist magic :wizard:","author":{"@id":"https:\/\/www.permuted.org.uk\/photography\/author\/words\/#author"},"publisher":{"@id":"https:\/\/www.permuted.org.uk\/photography\/#organization"},"datePublished":"2004-03-16T22:03:39+00:00","dateModified":"2004-03-16T22:03:39+00:00","inLanguage":"en-GB","mainEntityOfPage":{"@id":"https:\/\/www.permuted.org.uk\/photography\/blinking-buttons-and-hotlist-magic-wizard\/#webpage"},"isPartOf":{"@id":"https:\/\/www.permuted.org.uk\/photography\/blinking-buttons-and-hotlist-magic-wizard\/#webpage"},"articleSection":"Uncategorized"},{"@type":"BreadcrumbList","@id":"https:\/\/www.permuted.org.uk\/photography\/blinking-buttons-and-hotlist-magic-wizard\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.permuted.org.uk\/photography#listItem","position":1,"name":"Home","item":"https:\/\/www.permuted.org.uk\/photography","nextItem":{"@type":"ListItem","@id":"https:\/\/www.permuted.org.uk\/photography\/category\/uncategorized\/#listItem","name":"Uncategorized"}},{"@type":"ListItem","@id":"https:\/\/www.permuted.org.uk\/photography\/category\/uncategorized\/#listItem","position":2,"name":"Uncategorized","item":"https:\/\/www.permuted.org.uk\/photography\/category\/uncategorized\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.permuted.org.uk\/photography\/blinking-buttons-and-hotlist-magic-wizard\/#listItem","name":"Blinking buttons and Hotlist magic :wizard:"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.permuted.org.uk\/photography#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.permuted.org.uk\/photography\/blinking-buttons-and-hotlist-magic-wizard\/#listItem","position":3,"name":"Blinking buttons and Hotlist magic :wizard:","previousItem":{"@type":"ListItem","@id":"https:\/\/www.permuted.org.uk\/photography\/category\/uncategorized\/#listItem","name":"Uncategorized"}}]},{"@type":"Organization","@id":"https:\/\/www.permuted.org.uk\/photography\/#organization","name":"Everything is Permuted","description":"Wildlife Photography","url":"https:\/\/www.permuted.org.uk\/photography\/"},{"@type":"Person","@id":"https:\/\/www.permuted.org.uk\/photography\/author\/words\/#author","url":"https:\/\/www.permuted.org.uk\/photography\/author\/words\/","name":"Words"},{"@type":"WebPage","@id":"https:\/\/www.permuted.org.uk\/photography\/blinking-buttons-and-hotlist-magic-wizard\/#webpage","url":"https:\/\/www.permuted.org.uk\/photography\/blinking-buttons-and-hotlist-magic-wizard\/","name":"Blinking buttons and Hotlist magic :wizard: | Everything is Permuted","description":"Spent the last couple of nights trying to figure out how to get some image-based links on my site to act like buttons. You know, change slightly as you hover over them. An illusion of movement like those old flicker books. OK, I should know how to do it, but I'm slow... it took me","inLanguage":"en-GB","isPartOf":{"@id":"https:\/\/www.permuted.org.uk\/photography\/#website"},"breadcrumb":{"@id":"https:\/\/www.permuted.org.uk\/photography\/blinking-buttons-and-hotlist-magic-wizard\/#breadcrumblist"},"author":{"@id":"https:\/\/www.permuted.org.uk\/photography\/author\/words\/#author"},"creator":{"@id":"https:\/\/www.permuted.org.uk\/photography\/author\/words\/#author"},"datePublished":"2004-03-16T22:03:39+00:00","dateModified":"2004-03-16T22:03:39+00:00"},{"@type":"WebSite","@id":"https:\/\/www.permuted.org.uk\/photography\/#website","url":"https:\/\/www.permuted.org.uk\/photography\/","name":"Everything is Permuted","description":"Wildlife Photography","inLanguage":"en-GB","publisher":{"@id":"https:\/\/www.permuted.org.uk\/photography\/#organization"}}]}},"aioseo_meta_data":{"post_id":"7","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[],"defaultGraph":"","defaultPostTypeGraph":""},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2020-12-21 00:14:16","updated":"2025-06-11 10:36:58","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"_links":{"self":[{"href":"https:\/\/www.permuted.org.uk\/photography\/wp-json\/wp\/v2\/posts\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.permuted.org.uk\/photography\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.permuted.org.uk\/photography\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.permuted.org.uk\/photography\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.permuted.org.uk\/photography\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":0,"href":"https:\/\/www.permuted.org.uk\/photography\/wp-json\/wp\/v2\/posts\/7\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.permuted.org.uk\/photography\/wp-json\/wp\/v2\/media?parent=7"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.permuted.org.uk\/photography\/wp-json\/wp\/v2\/categories?post=7"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.permuted.org.uk\/photography\/wp-json\/wp\/v2\/tags?post=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}