{"id":8422,"date":"2013-03-31T15:38:56","date_gmt":"2013-03-31T19:38:56","guid":{"rendered":"http:\/\/scruss.com\/blog\/?p=8422"},"modified":"2013-08-30T09:51:23","modified_gmt":"2013-08-30T13:51:23","slug":"a-better-image-rollover-with-ultimate-tinymce","status":"publish","type":"post","link":"https:\/\/scruss.com\/blog\/2013\/03\/31\/a-better-image-rollover-with-ultimate-tinymce\/","title":{"rendered":"A better image rollover with Ultimate TinyMCE"},"content":{"rendered":"<p><a href=\"http:\/\/scruss.com\/wordpress\/wp-content\/uploads\/2013\/03\/iheartsloths.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-8424\" onmouseover=\"this.src='http:\/\/scruss.com\/wordpress\/wp-content\/uploads\/2013\/03\/iheartsloths-upside_down.png';\" onmouseout=\"this.src='http:\/\/scruss.com\/wordpress\/wp-content\/uploads\/2013\/03\/iheartsloths.png';\" alt=\"iheartsloths\" src=\"http:\/\/scruss.com\/wordpress\/wp-content\/uploads\/2013\/03\/iheartsloths.png\" width=\"210\" height=\"47\" srcset=\"https:\/\/scruss.com\/wordpress\/wp-content\/uploads\/2013\/03\/iheartsloths.png 210w, https:\/\/scruss.com\/wordpress\/wp-content\/uploads\/2013\/03\/iheartsloths-160x35.png 160w\" sizes=\"auto, (max-width: 210px) 100vw, 210px\" \/><\/a>Probably best to retire my ad hoc <a href=\"http:\/\/scruss.com\/blog\/2010\/01\/16\/image-rollover-in-wordpress-no-plugins-required\/\">image rollover in wordpress<\/a>, as <a href=\"https:\/\/wordpress.org\/extend\/plugins\/ultimate-tinymce\/\">Ultimate TinyMCE<\/a> has it covered. Sure, it&#8217;s a plugin, but it makes it so much easier. After uploading your two images, select an image and put the two URLs into the Mouse Over\/Out fields:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8425\" alt=\"Ultimate TinyMCE image rollover\" src=\"http:\/\/scruss.com\/wordpress\/wp-content\/uploads\/2013\/03\/Screen-Shot-2013-03-31-at-15.27.16-.png\" width=\"498\" height=\"424\" srcset=\"https:\/\/scruss.com\/wordpress\/wp-content\/uploads\/2013\/03\/Screen-Shot-2013-03-31-at-15.27.16-.png 498w, https:\/\/scruss.com\/wordpress\/wp-content\/uploads\/2013\/03\/Screen-Shot-2013-03-31-at-15.27.16--160x136.png 160w, https:\/\/scruss.com\/wordpress\/wp-content\/uploads\/2013\/03\/Screen-Shot-2013-03-31-at-15.27.16--320x272.png 320w, https:\/\/scruss.com\/wordpress\/wp-content\/uploads\/2013\/03\/Screen-Shot-2013-03-31-at-15.27.16--352x300.png 352w\" sizes=\"auto, (max-width: 498px) 100vw, 498px\" \/><\/p>\n<p>Easy! And no digging into the page source, either.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Probably best to retire my ad hoc image rollover in wordpress, as Ultimate TinyMCE has it covered. Sure, it&#8217;s a plugin, but it makes it so much easier. After uploading your two images, select an image and put the two URLs into the Mouse Over\/Out fields: Easy! And no digging into the page source, either.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[2],"tags":[2058,2653,1558,598,2655,2654,49],"class_list":["post-8422","post","type-post","status-publish","format-standard","hentry","category-goatee-stroking-musing-or-something","tag-image","tag-mouseover","tag-rollover","tag-sloth","tag-tinymce","tag-ultimate","tag-wordpress"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pQNZZ-2bQ","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/scruss.com\/blog\/wp-json\/wp\/v2\/posts\/8422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scruss.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/scruss.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/scruss.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/scruss.com\/blog\/wp-json\/wp\/v2\/comments?post=8422"}],"version-history":[{"count":5,"href":"https:\/\/scruss.com\/blog\/wp-json\/wp\/v2\/posts\/8422\/revisions"}],"predecessor-version":[{"id":9889,"href":"https:\/\/scruss.com\/blog\/wp-json\/wp\/v2\/posts\/8422\/revisions\/9889"}],"wp:attachment":[{"href":"https:\/\/scruss.com\/blog\/wp-json\/wp\/v2\/media?parent=8422"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/scruss.com\/blog\/wp-json\/wp\/v2\/categories?post=8422"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/scruss.com\/blog\/wp-json\/wp\/v2\/tags?post=8422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}