{"id":46289,"date":"2019-09-05T03:01:09","date_gmt":"2019-09-04T17:01:09","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=46289"},"modified":"2019-09-04T21:32:05","modified_gmt":"2019-09-04T11:32:05","slug":"image_3d-php-package-overlay-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/image_3d-php-package-overlay-tutorial\/","title":{"rendered":"Image_3D PHP Package Overlay Tutorial"},"content":{"rendered":"
\"Image_3D<\/a>

Image_3D PHP Package Overlay Tutorial<\/p><\/div>\n

On top of the progress with yesterday’s Image_3D PHP Package Parameterize Tutorial<\/a> today we go one better than a three word slogan, and do a two word slogan, hoping that one day we can perfect the “Zero Word Slogan”, those words being …<\/p>\n

    \n
  1. overlay (one of our favourite words<\/a> regarding web design along with reveal<\/a><\/font>)<\/li>\n
  2. data-URI<\/a> (the minus sign saving us from embarrassment)<\/li>\n<\/ol>\n

    … to do with, respectively …<\/p>\n

      \n
    1. increased and more sophisticated functionality<\/li>\n
    2. data transportability and independence<\/li>\n<\/ol>\n

      More on data-URI tomorrow, but for today, what is the broad brush approach to overlay (of 3D graphic images) functionality today …<\/p>\n

        \n
      • we add a form input type=button “Overlay” element (button) that … <\/li>\n
      • performs the onclick logic Javascript function topoverlay<\/i> snippet (like) …
        \n
        \n if (document.getElementById('form_' + tdfs).method.toUpperCase() != 'GET') {
        \n document.getElementById('form_' + tdfs).target='ifinv';
        \n document.getElementById('form_' + tdfs).method='GET';
        \n document.getElementById('submit_' + tdfs).click();
        \n setTimeout(topoverlay, 5000);
        \n }
        \n<\/code>
        \n … to change from form method=POST to method=GET (that knowledge used to reason if such a method=GET scenario has been the call, the invocation called just outputs an invisible HTML img with the user definitions, opening up the ability to have the image data be shared up through the webpage hierarchy) and click the input type=submit button to an invisible HTML iframe name=ifinv to re-execute this webpage as the creator of that user defined image whose data-URI is saved into the title property of this webpage’s parent table cell as well as to a new HTML img element starting to deploy some overlay favourites …\n<\/li>\n
      • opacity<\/a> 0.5<\/font> CSS property (which is also applied to the original img element as well)<\/li>\n
      • position:absolute<\/a> CSS property … <\/li>\n
      • in the top window (of its ilk)<\/li>\n<\/ul>\n

        … giving us a platform to do more useful functionality into the future.<\/p>\n

        We think you’d be best off examining the changed<\/a> cone.php<\/a>‘s live run (of a cone)<\/a> link, to see what we mean here. Or try below …<\/p>\n