3c3
< // Use HTML figcaption tag to create a media gallery
---
> // Use HTML figcaption tag to create a gallery
26,61d25
< $ext="";
< $type="";
< $starttag="<img";
< $midsrc=" src=";
< $endtag="</img>";
< $noep="";
< 
< $types = array("audio/wav","audio/x-wav","audio/x-pn-realaudio","audio/x-mpegurl","audio/x-aiff","audio/mpeg","audio/mid","video/mp4",
<       "audio/basic","audio/ogg","video/x-sgi-movie","video/x-msvideo","video/quicktime","audio/mp3","video/mp4","video/mpeg",
<       "video/x-la-asf","video/ogg","video/webm","audio/mp4");  
< $exts = array(".wav",".wav",".ram",".m3u",".aiff",".mp3",".rmi",".mp4",
<       ".snd",".ogg",".movie",".avi",".mov",".mp3",".m4v",".mpeg",
<       ".lsx",".ogv",".webm",".m4a");
<       
< function urltype($ourl) {
< global $types, $exts, $type, $ext, $starttag, $midsrc, $endtag, $noep;
< $starttag="<img";
< $midsrc=" src=";
< $endtag="</img>";
< $ext="";
< $noep="";
< $type="image/jpeg";
< if (strpos(explode("?", explode("#", $ourl)[0])[0], ".") !== false) {
<   $type="image/" . str_replace("jpg", "jpeg", explode(".", explode("?", explode("#", strtolower($ourl))[0])[0])[-1 + sizeof(explode(".", explode("?", explode("#", strtolower($ourl))[0])[0]))]);
< }
< for ($it=0; $it<sizeof($types); $it++) {
<   if (strpos((explode("?", explode("#", strtolower($ourl))[0])[0] . "~"), ($exts[$it] . "~")) !== false) {
<     $type=$types[$it];
<     $endtag="</source></" . explode("/", $type)[0] . ">";
<     $starttag="<" . explode("/", $type)[0] . "";
<     $midsrc=" controls><source type='" . $type ."' src=";
<     $noep="if (7 == 9) ";
<   }
< }
< return $ourl;
< } 
73,74c37,38
<     if ($midrows[-1 + sizeof($midrows)] == "" || (sizeof($midrows) % 2) == 1) { $joff=1; }
<     for ($ii=0; $ii<((sizeof($midrows) - $joff) / 2); $ii++) {
---
>     if ($midrows[-1 + sizeof($midrows)] == "") { $joff=1; }
>     for ($ii=0; $ii<(sizeof($midrows) / 2)- $joff; $ii++) {
76c40
<       $pretr.=$midrows[((sizeof($midrows) - $joff) / 2) + $ii] . "</tr>";
---
>       $pretr.=$midrows[(sizeof($midrows) / 2) + $ii] . "</tr>";
78,79c42
<     //file_put_contents("z.z", $pretr);
<     return $pretr . "</table>";
---
>     return $pretr;
181,182d143
< $oururl=urltype($oururl);
< 
193c154
< $tablesofar="<table id='topt' border=5><TR><td><select onchange=\" if (this.value == 'slideshow') { moveto=0; moveby=1; setTimeout(move, 2000);  } else if (('' + this.value).trim().length != 0) { moveby=0; moveto=eval('' + this.value); location.href='#slideshow' + this.value; } else { moveto=1; moveby=0;  }\"><option value=''>Go to ...</option><option value=slideshow>Slideshow</option><option value=' '>Stop Slideshow</option><option value='-1'>Another Go</option><option value='1'>" . $ourcaption . $capselsuff . "</option></select></td></TR><tr><td><figure>" . $starttag . $owidth . " id='slideshow1' onclick=\"" . $noep . "window.open('" . $oururl . "','_blank');\" title='" . $ourcaption . "' alt='" . $ourcaption . "' style='width:100%'" . $midsrc . "'" . $oururl . "'>" . $endtag . "<figcaption onclick=\"location.href='#toph';\"  title='" . $capselsuff . "'>" . $ourcaption . "</figcaption></figure></td></tr></table>";
---
> $tablesofar="<table border=5><TR><td><select onchange=\" if (this.value == 'slideshow') { moveto=0; moveby=1; setTimeout(move, 2000);  } else if (('' + this.value).trim().length != 0) { moveby=0; moveto=eval('' + this.value); location.href='#slideshow' + this.value; } else { moveto=1; moveby=0;  }\"><option value=''>Go to ...</option><option value=slideshow>Slideshow</option><option value=' '>Stop Slideshow</option><option value='1'>" . $ourcaption . $capselsuff . "</option></select></td></TR><tr><td><figure><img" . $owidth . " id='slideshow1' onclick=\"window.open('" . $oururl . "','_blank');\" src='" . $oururl . "' title='" . $ourcaption . "' alt='" . $ourcaption . "' style='width:100%'><figcaption title='" . $capselsuff . "'>" . $ourcaption . "</figcaption></figure></td></tr></table>";
201c162
<   $oururl=urltype(explode(",", $andmore)[0]);
---
>   $oururl=explode(",", $andmore)[0];
204c165
<   $tablesofar="<table id='topt' border=5><TR><td><select onchange=\"document.title='' + this.value.length; if (this.value == 'slideshow') { moveto=0; moveby=1; setTimeout(move, 2000);  } else if (('' + this.value).trim().length != 0) { moveby=0; moveto=eval('' + this.value); location.href='#slideshow' + this.value; } else { moveto=1; moveby=0;  }\"><option value=''>Go to ...</option><option value=slideshow>Slideshow</option><option value=' '>Stop Slideshow</option><option value='-1'>Another Go</option><option value=" . $ijm . ">" . $ourcaption . $capselsuff . "</option></select></td></TR><tr><td><figure>" . $starttag . $owidth . " id='slideshow" . $ijm . "' onclick=\"" . $noep . "window.open('" . $oururl . "','_blank');\" title='" . $ourcaption . "' alt='" . $ourcaption . "' style='width:100%'" . $midsrc . "'" . $oururl . "'>" . $endtag . "<figcaption onclick=\"location.href='#toph';\"  title='" . $capselsuff . "'>" . $ourcaption . "</figcaption></figure></td></tr></table>";
---
>   $tablesofar="<table border=5><TR><td><select onchange=\"document.title='' + this.value.length; if (this.value == 'slideshow') { moveto=0; moveby=1; setTimeout(move, 2000);  } else if (('' + this.value).trim().length != 0) { moveby=0; moveto=eval('' + this.value); location.href='#slideshow' + this.value; } else { moveto=1; moveby=0;  }\"><option value=''>Go to ...</option><option value=slideshow>Slideshow</option><option value=' '>Stop Slideshow</option><option value=" . $ijm . ">" . $ourcaption . $capselsuff . "</option></select></td></TR><tr><td><figure><img" . $owidth . " id='slideshow" . $ijm . "' onclick=\"window.open('" . $oururl . "','_blank');\" src='" . $oururl . "' title='" . $ourcaption . "' alt='" . $ourcaption . "' style='width:100%'><figcaption title='" . $capselsuff . "'>" . $ourcaption . "</figcaption></figure></td></tr></table>";
207c168
<   $tablesofar=str_replace("</select>", "<option value=" . $ijm . ">" . $ourcaption . $capselsuff . "</option></select>", str_replace("</tr>", $rowsep . "<td><figure>" . $starttag . $owidth . " id='slideshow" . $ijm . "' onclick=\"" . $noep . "window.open('" . $oururl . "','_blank');\" title='" . $ourcaption . "' alt='" . $ourcaption . "' style='width:100%'" . $midsrc ."'" . $oururl . "'>" . $endtag . "<figcaption onclick=\"location.href='#toph';\"  title='" . $capselsuff . "'>" . $ourcaption . "</figcaption></figure></td></tr>", $tablesofar));
---
>   $tablesofar=str_replace("</select>", "<option value=" . $ijm . ">" . $ourcaption . $capselsuff . "</option></select>", str_replace("</tr>", $rowsep . "<td><figure><img" . $owidth . " id='slideshow" . $ijm . "' onclick=\"window.open('" . $oururl . "','_blank');\" src='" . $oururl . "' title='" . $ourcaption . "' alt='" . $ourcaption . "' style='width:100%'><figcaption title='" . $capselsuff . "'>" . $ourcaption . "</figcaption></figure></td></tr>", $tablesofar));
252,254d212
< 
<   $oururl=urltype($oururl);
< 
257c215
<   $tablesofar="<table id='topt' border=5><TR><td><select onchange=\" if (this.value == 'slideshow') { moveto=0; moveby=1; setTimeout(move, 2000);  } else if (this.value.length != 0) { moveby=0; moveto=eval('' + this.value); location.href='#slideshow' + this.value; } else { moveto=1; moveby=0;   }\"><option value=''>Go to ...</option><option value=slideshow>Slideshow</option><option value='-1'>Another Go</option><option value='1'>" . $ourcaption . $capselsuff . "</option></select></td></TR><tr><td><figure>" . $starttag . $owidth . " id='slideshow" . $ijm . "' onclick=\"" . $noep . "window.open('" . $oururl . "','_blank');\" title='" . $ourcaption . "' alt='" . $ourcaption . "' style='width:100%'" . $midsrc . "'" . $oururl . "'>" . $endtag . "<figcaption onclick=\"location.href='#toph';\"  title='" . $capselsuff . "'>" . $ourcaption . "</figcaption></figure></td></tr></table>";
---
>   $tablesofar="<table border=5><TR><td><select onchange=\" if (this.value == 'slideshow') { moveto=0; moveby=1; setTimeout(move, 2000);  } else if (this.value.length != 0) { moveby=0; moveto=eval('' + this.value); location.href='#slideshow' + this.value; } else { moveto=1; moveby=0;   }\"><option value=''>Go to ...</option><option value=slideshow>Slideshow</option><option value='1'>" . $ourcaption . $capselsuff . "</option></select></td></TR><tr><td><figure><img" . $owidth . " id='slideshow" . $ijm . "' onclick=\"window.open('" . $oururl . "','_blank');\" src='" . $oururl . "' title='" . $ourcaption . "' alt='" . $ourcaption . "' style='width:100%'><figcaption title='" . $capselsuff . "'>" . $ourcaption . "</figcaption></figure></td></tr></table>";
260c218
<   $tablesofar=str_replace("</select>", "<option value=" . $ijm . ">" . $ourcaption . $capselsuff . "</option></select>", str_replace("</tr>", $rowsep . "<td><figure>" . $starttag . $owidth . " id='slideshow" . $ijm . "' onclick=\"" . $noep . "window.open('" . $oururl . "','_blank');\" title='" . $ourcaption . "' alt='" . $ourcaption . "' style='width:100%'" . $midsrc . "'" . $oururl . "'>" . $endtag . "<figcaption onclick=\"location.href='#toph';\"  title='" . $capselsuff . "'>" . $ourcaption . "</figcaption></figure></td></tr>", $tablesofar));
---
>   $tablesofar=str_replace("</select>", "<option value=" . $ijm . ">" . $ourcaption . $capselsuff . "</option></select>", str_replace("</tr>", $rowsep . "<td><figure><img" . $owidth . " id='slideshow" . $ijm . "' onclick=\"window.open('" . $oururl . "','_blank');\" src='" . $oururl . "' title='" . $ourcaption . "' alt='" . $ourcaption . "' style='width:100%'><figcaption title='" . $capselsuff . "'>" . $ourcaption . "</figcaption></figure></td></tr>", $tablesofar));
274c232
<   $oururl=urltype(explode(",", $andmore)[0]);
---
>   $oururl=explode(",", $andmore)[0];
278c236
<   $tablesofar="<table id='topt' border=5><TR><td><select onchange=\"if (this.value == 'slideshow') { moveto=0; moveby=1; setTimeout(move, 2000);  } else if (('' + this.value).trim().length != 0) { moveby=0; moveto=eval('' + this.value); location.href='#slideshow' + this.value; } else { moveto=1; moveby=0;  }\"><option value=''>Go to ...</option><option value=slideshow>Slideshow</option><option value=' '>Stop Slideshow</option><option value='-1'>Another Go</option><option value=" . $ijm . ">" . $ourcaption . $capselsuff . "</option></select></td></TR><tr><td><figure>" . $starttag . $owidth . " id='slideshow" . $ijm . "' onclick=\"" . $noep . "window.open('" . $oururl . "','_blank');\" title='" . $ourcaption . "' alt='" . $ourcaption . "' style='width:100%'" . $midsrc . "'" . $oururl . "'>" . $endtag . "<figcaption onclick=\"location.href='#toph';\"  title='" . $capselsuff . "'>" . $ourcaption . "</figcaption></figure></td></tr></table>";
---
>   $tablesofar="<table border=5><TR><td><select onchange=\"if (this.value == 'slideshow') { moveto=0; moveby=1; setTimeout(move, 2000);  } else if (('' + this.value).trim().length != 0) { moveby=0; moveto=eval('' + this.value); location.href='#slideshow' + this.value; } else { moveto=1; moveby=0;  }\"><option value=''>Go to ...</option><option value=slideshow>Slideshow</option><option value=" . $ijm . ">" . $ourcaption . $capselsuff . "</option></select></td></TR><tr><td><figure><img" . $owidth . " id='slideshow" . $ijm . "' onclick=\"window.open('" . $oururl . "','_blank');\" src='" . $oururl . "' title='" . $ourcaption . "' alt='" . $ourcaption . "' style='width:100%'><figcaption title='" . $capselsuff . "'>" . $ourcaption . "</figcaption></figure></td></tr></table>";
281c239
<   $tablesofar=str_replace("</select>", "<option value=" . $ijm . ">" . $ourcaption . $capselsuff . "</option></select>", str_replace("</tr>", $rowsep . "<td><figure>" . $starttag . $owidth . " id='slideshow" . $ijm . "' onclick=\"" . $noep . "window.open('" . $oururl . "','_blank');\" title='" . $ourcaption . "' alt='" . $ourcaption . "' style='width:100%'" . $midsrc . "'" . $oururl . "'>" . $endtag . "<figcaption onclick=\"location.href='#toph';\"  title='" . $capselsuff . "'>" . $ourcaption . "</figcaption></figure></td></tr>", $tablesofar));
---
>   $tablesofar=str_replace("</select>", "<option value=" . $ijm . ">" . $ourcaption . $capselsuff . "</option></select>", str_replace("</tr>", $rowsep . "<td><figure><img" . $owidth . " id='slideshow" . $ijm . "' onclick=\"window.open('" . $oururl . "','_blank');\" src='" . $oururl . "' title='" . $ourcaption . "' alt='" . $ourcaption . "' style='width:100%'><figcaption title='" . $capselsuff . "'>" . $ourcaption . "</figcaption></figure></td></tr>", $tablesofar));
296d253
< //file_put_contents("x.x", $tablesofar);
303,306c260
< <style>
<  td { vertical-align: top; }
< </style>
< <title>Use HTML figcaption tag to create a media gallery</title>
---
> <title>Use HTML figcaption tag to create a gallery</title>
324c278
< <h2 id='toph' style='width:100%;text-align:center;'>" . $ourtitle . "</h2>
---
> <h2>" . $ourtitle . "</h2>
326c280
< <p style='width:100%;text-align:center;'>" . $oursubtitle . "</p>
---
> <p>" . $oursubtitle . "</p>
330,333d283
< <br>
< <a id='slideshow-1' onclick=\"location.href='#toph';\" style='text-decoration:underline;cursor:pointer;'>Back to Gallery</a><br>
< <iframe id='anothergo' src='./gallery_via_figcaption.php' style='width:100%;height:1000px;'></iframe>
< 
343c293
< <title>Use HTML figcaption tag to create a media gallery</title>
---
> <title>Use HTML figcaption tag to create a gallery</title>
387,388c337,338
< <body style='background-color:lightblue;' onload=' if (top.document.getElementById(\"theimgnamegoeshere\")) { top.document.getElementById(\"theimgnamegoeshere\").value=\"//www.rjmprogramming.com.au/PHP/animegif/" . jserver_remote_addr() . ".gif\";  } setTimeout(andthen, 8000);  '>
< <h1 id='myh1' align='center'>Use HTML figcaption tag to create a media gallery" . $moreh1 . "</h1>
---
> <body style='background-color:lightgreen;' onload=' if (top.document.getElementById(\"theimgnamegoeshere\")) { top.document.getElementById(\"theimgnamegoeshere\").value=\"//www.rjmprogramming.com.au/PHP/animegif/" . jserver_remote_addr() . ".gif\";  } setTimeout(andthen, 8000);  '>
> <h1 id='myh1' align='center'>Use HTML figcaption tag to create a gallery" . $moreh1 . "</h1>
390c340
< <form target='_top' id='myform' action='./gallery_via_figcaption.php' method='POST'>" . $prestfle . $stfle . "
---
> <form id='myform' action='./gallery_via_figcaption.php' method='POST'>" . $prestfle . $stfle . "
392c342
< Gallery Media Width <input placeholder=\"Optional set media width in pixels\" style='width:70%;' type='text' id='owidth' name='owidth' value=''></input><br><br>
---
> Gallery Image Width <input placeholder=\"Optional set image width in pixels\" style='width:70%;' type='text' id='owidth' name='owidth' value=''></input><br><br>
394,395c344,345
< Image/Video/Audio URL <input placeholder=\"Optionally separate the URL (if relative, can use * or [] or ?) from an optional caption via a semicolon ; or hash #\" onblur=\"maybemore(this.value, 'slideshow1');\" style='width:70%;' type='text' id='slideshow' name='slideshow' value='" . $url . "'></input><br><br>
< <div id='fdiv1'></div><input style='background-color:yellow;' id=\"mysubmit\" type=\"submit\" title='Use HTML figcaption tag to create a media gallery' value='Use HTML figcaption tag to create a media gallery'></input>" . $extras . "
---
> Image URL <input placeholder=\"Optionally separate the URL (if relative, can use * or [] or ?) from an optional caption via a semicolon ; or hash #\" onblur=\"maybemore(this.value, 'slideshow1');\" style='width:70%;' type='text' id='slideshow' name='slideshow' value='" . $url . "'></input><br><br>
> <div id='fdiv1'></div><input id=\"mysubmit\" type=\"submit\" title='Use HTML figcaption tag to create a gallery' value='Use HTML figcaption tag to create a gallery'></input>" . $extras . "