requestFullscreen() 全螢幕

script requestFullscreen() 全螢幕

小程式 相簿

<

>

⛝

--

<style>.PT-M { width:100%; } .PT-img {height: 80px; width: 80px;cursor:pointer;} .div-F {background-image :url("https://xxx.jpg") ;background-size:contain ;background-position :50% 50% ; background-repeat :no-repeat ;background-color:lightgrey;display:none;display:none;display:none} .Bt1 {font-size:100px;position: fixed;cursor:pointer; top:50%;} .Bt2 {font-size:100px;position: fixed;cursor:pointer; top:50% ; right:0px;} .Bt3 {font-size:30px;position: fixed;cursor:pointer; top:0% ; right:0px; } .Bt4 {font-size:20px} .Bt1 , .Bt2 , .Bt3 , .Bt4 { color: white;font-weight:bold ; text-shadow: -2px 0 0 black, 0 2px 0 black,2px 0 0 black,0 -2px 0 black;} .div-F:-webkit-full-screen {display:block} .div-F:-moz-full-screen {display:block} .div-F:-ms-fullscreen {display:block} .div-F:fullscreen {display:block} </style> <div class="PT-M" id="PT20319747" title="AAAA" ><img class="FFimg" onerror="FPTs(this)" src="" > <div class="PT-img div-F" onclick="Mclick(this,event);"><div title="L" class="Bt1 BT" onclick="FTLL(this)"> < </div><div title="R" class="Bt2 BT" onclick="FTAA(this)"> > </div><div title="x" class="Bt3 BT" onclick="FTout()"> ⛝ </div><div title="x" class="Bt4 BT" onclick="FTout(this)">--</div> </div> <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqLlnp0GS1UDC7dw9SdxIX2Nyd1osgZipuEszXIsbE1j-xdXnd4-U2Rc-97hj66WdNNLD1MAbI0EoWIw8b6YFSk3ZvkeZ2icOl0DtEIkGlzPw3PZGifqjzutZPCGQxAOBmi_NDb15z-GAI/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0003.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSGKCWOIl3X0Hv-kIvv05VDiQFjoGtJWT1irNap5hPBKyPZEvhkWu7F9MsxIUxZDghPEWOZXaBlnwJxwimCD_1ViYOjW5UICdPNyCGAlgjdLgWKQN1DbhpsNvFyLimKZAMHMSGGRDIQnxa/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0024.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZg8IZRgEJltIclEPz0X_g4nHH9E_7At6BU2CYIikNzcvYwnSIYIzRx0F2ieEZS6miTWw-O3WRH9L8S_A48JSL0sUHGwpvEAhMGORQqeIeNe90ttM-VbNlRnMcl5byKMFw28ld68-NG-gA/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0006.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht_RL_HnZxQ7p6ZGyVrsIFw8wR-i1Ye6SFkUvcblRAIl7iGPCQLCxts36ob9EEFwfs9yK5sd6lQduvYz5FnotdDZmHqNdU8J8qoUCz7LspgQKDRyN4LZcfcalqRhYoCoBNVN4dq4ysYFVh/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0007.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2jN3WJf70np66Jx9rOmZ3UuMZKJ-NnE1ozoAKUM-1D0ou6CyForLGpcQFJCqofGuIEhcGSNaStn4xqzyc7hAIJ6kxlnXeYtIjhAsnr8-WaCFdYBVxXoWN_ofVM1OvMqeN1IbC5GeXTCLu/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0008.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRnbl0NlBjyUuBUZil_BFV7diT0dkJxWRa6b-IuXRJJ7psgp4x9atGXAycFFiOz6twTtIE2bKPNfR6iAt6IH7ncvAgSTclZ4wHxwkHSPICxG9WXfUU4Eqj1qs4-VDIJLfIDaU0nIBdqtUg/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0004.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY8uMtoHj2HL82IOwjrAtTnGNIS6GM9T1afL9yPMDTWV0E3gWBxCr5LCFyfR0LnNf6Bl1PLcNat9iGGO2eV9oaXoSubcH8kxBIxVGwr-nnD6IeBHO2ZjxtyfaTcHaORp9j7RFJYv5jDhn6/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0005.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQwKQu1Hi_9lfuVxeKbcegSpgD3w9LX9Vi26giftjLZPWu1PuPrs3A2JMBkdRtEt6gU9WBxFionaox1aEYC-0XAgLsCIxdP6lXuP97_Or_mwvJecoe7V5uZwpKxEcSBuL6MXiib0EJHSmM/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0009.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRBgBQa2Vyqddx25SCsnvJdaLtYhB5ZfnVHzoPj1Kk7mANR3HzM3d3rQdqmRLAwMo2HXTeQ7rlXOqWQ7vmuwkJX-y6QCF2tdyenjfaQyNv-yK41pLyD4cO2VQAbI3PADqW0E-5x4v8Ofsv/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0010.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilkM9XzRwWxF9xfT7GAd3f8JLo2PnZ7kQSTO6_W8pSfxZXwrzR5VXKaIl3KH4V4gRBeDPPJZ8-7OaSGJyV_l9oewhRxq59TKRYNGHSlx7lx9XWPLSK_uIcZw4v-GTswazrBpUzTWpfj0OQ/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0015.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLPNJbKLhiqqwhUvqux6wraMlAVBgs8K0nMJgVdzjX_ZB5rYQm500Icqx4toYKnPh99pMcGZoSoId_zFOXx-IblEUB5M2QoHWZhSzhRE2TWPhxH7P8C2gvUggF4pBq7HT4EnvBCMfB2Fxi/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0011.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4fjgaw9QJERDFuw1TEVxDVjx02xnuZ1OmbNq_y8ZuzJBjYb09Cbv7-ftCzc4DNxapw-lWishicrMx3TK-HeDB4bu9IbWmqP4pKzOgJ7GgOJCFOWTqogKpw_Rb-GTw1qziigyNOZeY9Dct/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0013.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrQ54Ks4SHsK0o8IlgCxSJ2fS56kx8NgEygkw3MNAk9hD8xpi0fDKrg2EGNRsIRKgLEJJZE8tGBa4aWOwEU0tWucSZFZlmyA5AnkOMqHzhSNsOydsSopRMnoM0oeiwQoL2qQN9baJcCDB/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0012.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg2E_Vy0_iDZruzZphIwyk1oBzxpjkLMRPyONVXPkQM7D9X4UZjX7RhYlVPpIlVY5DG1NBCdFJQfFVG6yQRE9858TaopDX3wj8ti2Wfs4Nixs-a3DGcK6BOjf7OpclNLAYbikjDsHPx1a3/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0016.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwpBRhde0OHUf0kkmMJw8eF2LuiAba2SH43ml_GWZE38X_5fwxUlstUmQ6-7Kn2qEN981hkn5i6zixMvubFpOxEA-1leny4WhPSKobAiHT6SAL-gUYCpwjespF7rcnmOmOAv1uEwQeYixy/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0017.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM_Dc2NQitpaJ-MphKKF7T_p11DBA1Bv-U8f59IWYY603Swm86Syk0hH5sBQXp1a4WCB5LFPTTR50KNeDba6NPEetXjf6nJAf8EZYAesu7ujp1xfCYQ4kAkSqxeBj403Z8uqYYB7wAp5uG/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0018.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXeHS5bDMwITIjxjQqfXPvYlZRetYZ6V8H7w1uJzE4n67IIeD0cr1NGgGFPrl0VWfFS5ml5nrogWMCq-nI5d601ExilKW_x3R1dZYgs9GLEkjiPcDZF_JIufQZ4gEPLS0NcsQHtzC3zSkF/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0019.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyhP8IqaSu3dj4VSbFmOUSmMTFeZ8NXankoO5BH8-1K2sOeYVgp_gcUXwyEa_3hMdPvRUbgIdDTF4jphOiWn38jc5K5A0IvAIwj3SVH8dhyC6yGn4C_HViPH61B5EIjPxmX_GuFHjvCgXH/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0020.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEqPWvgEWd-VT1lzJaXo0t9YsS7zwAweF3ON1lStRvpSeS7NbECGgHTm1DdNabSJldioUqwqzpdcIYTT0YDKY9u4PUBlu6CBB-UybfODD0vtfaia93XjBheGP6cb-_8YbAH7ugMTi-BbFn/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0021.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI1Pdb90QT9OvRJcIAmw1ggJF-PpYaY6YpNeg06IqnUIhGrykFhJ0KwrRcwJDFW_jx5WdCFj5YKy8RIbkl8nSX_sLi42PCfApV3DTY5hyphenhyphenQaD1sGT3xuO37SnRFjyzdRp_JqYOvqGJ4ATlS/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0014.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8WuRupw17FB4MRWXIVRu5GEQPU6dPFQE6IIW_ViJ1LvUNDiFa54QHW_jZ2CS8kf0onrl9Q71ZSAqJPS_Yglrw2kgPHJj_OQ6Hm3NnG8amKNfD7zD57TFhR3WF_1sUV1_NDfH7BIqg3fWi/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0022.jpg" > <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPxfbyp7V0vZsuSGRyCqHIzgSGVC2nW6ynbC2QyJjpL3rnenssjmBLOybsQQ0WrkVFGeoDaJIFA1P1PbGaA7HFOgHBCQcG5mCUJkLBAAflZhNlw5T_73uyC-pqQ4OBC5tVWzMYrjazj7LI/s100/%25E6%25B7%2598%25E5%25AF%25B620141224_0023.jpg" > <div id="DP"></div> </div><!-----------------------------------------------------------------------------------------------><script>function Mclick( xx,event){ var x = event.clientX; var y = event.clientY; var cw = document.body.clientWidth ; var Mid = xx.parentElement ; var BTA = Mid.getElementsByClassName("BT") ; if(x > cw/2){FTAA(xx) } if(x < cw/2){FTLL(xx) } //BTA[3].innerHTML = cw ; //alert( y + "[]" + y); } function FPTs(id){ var Mid = id.parentElement var PTL = Mid.getElementsByClassName("PT-img") ; for(var x = 0; x < PTL.length ;x++){ PTL[x].setAttribute("title", x ); } //PTL[x].title= "end" ; //DP.innerHTML =Mid.id; } function FTfu(xx) { var Mid = xx.parentElement ; var PTL = Mid.getElementsByClassName("PT-img") ; var BTA = Mid.getElementsByClassName("BT") ; var Msrc = PTL[xx.title].src ; var MsrcU= Msrc.replace(/s100/i ,"s1600") ; PTL[0].style.backgroundImage = 'url(' + MsrcU + ')'; PTL[0].title = PTL[xx.title].title ; BTA[0].title = PTL[xx.title].title ; BTA[1].title = PTL[xx.title].title ; BTA[3].innerHTML = "[" + xx.parentElement.title + "] " + PTL[xx.title].title + " / " +PTL.length ; var elem = PTL[0]; if (elem.requestFullscreen) {elem.requestFullscreen(); } else if (elem.msRequestFullscreen) {elem.msRequestFullscreen();} else if (elem.mozRequestFullScreen) {elem.mozRequestFullScreen();} else if (elem.webkitRequestFullscreen) {elem.webkitRequestFullscreen(); } else { } //DP.innerHTML = Mid.id + " [" + PTL.length + "] " + MsrcU ; } //* +++++++++ out Fullscreen ++++++++++++++++++++++++++++++++++++++++++ *// function FTout(xx) { if (document.exitFullscreen) {document.exitFullscreen();} else if (document.msExitFullscreen) {document.msExitFullscreen();} else if (document.mozCancelFullScreen) {document.mozCancelFullScreen();} else if (document.webkitExitFullscreen) {document.webkitExitFullscreen();} } //* +++++++++++++++++++++++++++++++++++++++++++++++++++ *// function FTAA(xx) { var Mid = xx.parentElement ; var PTL = Mid.getElementsByClassName("PT-img") ; var BTA = Mid.getElementsByClassName("BT") ; xx.title = parseFloat(xx.title)+1 ; if(xx.title > PTL.length-1 ){xx.title = 1} var Msrc = PTL[xx.title].src ; var MsrcU= Msrc.replace(/s100/i ,"s1600") ; PTL[0].style.backgroundImage = 'url(' + MsrcU + ')'; PTL[0].title = PTL[xx.title].title ; BTA[0].title = PTL[xx.title].title ; BTA[1].title = PTL[xx.title].title ; BTA[3].innerHTML = "[" + xx.parentElement.title + "] " + PTL[xx.title].title + " / " +PTL.length ; } //* ------------------------------------------- *// function FTLL(xx) { var Mid = xx.parentElement ; var PTL = Mid.getElementsByClassName("PT-img") ; var BTA = Mid.getElementsByClassName("BT") ; xx.title = parseFloat(xx.title)-1 ; if(xx.title == 0 ){xx.title = PTL.length-1 } var Msrc = PTL[xx.title].src ; var MsrcU= Msrc.replace(/s100/i ,"s1600") ; PTL[0].style.backgroundImage = 'url(' + MsrcU + ')'; PTL[0].title = PTL[xx.title].title ; BTA[0].title = PTL[xx.title].title ; BTA[3].innerHTML = "[" + xx.parentElement.title + "] " + PTL[xx.title].title + " / " +PTL.length ; //alert(PTL.length ); } </script>

00

<style>.PT-M { width:100%; } .PT-img {height: 80px; width: 80px;cursor:pointer;} .div-F {background-image :url("https://xxx.jpg") ;background-size:contain ;background-position :50% 50% ; background-repeat :no-repeat ;background-color:lightgrey;display:none;display:none;display:none} .Bt1 {font-size:100px;position: fixed;cursor:pointer; top:50%;} .Bt2 {font-size:100px;position: fixed;cursor:pointer; top:50% ; right:0px;} .Bt3 {font-size:30px;position: fixed;cursor:pointer; top:0% ; right:0px; } .Bt4 {font-size:20px} .Bt1 , .Bt2 , .Bt3 , .Bt4 { color: white;font-weight:bold ; text-shadow: -2px 0 0 black, 0 2px 0 black,2px 0 0 black,0 -2px 0 black;} .div-F:-webkit-full-screen {display:block} .div-F:-moz-full-screen {display:block} .div-F:-ms-fullscreen {display:block} .div-F:fullscreen {display:block} </style> <div class="PT-M" id="PT20319747" title="AAAA" ><img class="FFimg" onerror="FPTs(this)" src="" > <div class="PT-img div-F" onclick="Mclick(this,event);"><div title="L" class="Bt1 BT" onclick="FTLL(this)"> < </div><div title="R" class="Bt2 BT" onclick="FTAA(this)"> > </div><div title="x" class="Bt3 BT" onclick="FTout()"> ⛝ </div><div title="x" class="Bt4 BT" onclick="FTout(this)">--</div> </div> <img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUtmxowDtZqgNKQ-8mWPxMoYJzy8BhzXEe3xA79sDr0c_rOh_-Th9X376OnIck4Z657NIAjZG6ZAlAzsZyFsKRvN_22h_lYDifrIOjKLZELQpPNM-2y87XjaVtHwS6di8JhRk_Av6PqYh0/s100/inCollage_20191124_173415963_mh1574588854008.jpg" > <div style="display:none"><img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTXMSpov4Ab5Bqwn0lcIoOdrkNktGyYLhyphenhyphenEiB94t3JAqWXf6rcL_OE3dgN4M1EB18Q56rkTBNhEKBHF1WJANzXNOsX2YjixO8PxZGZy-quWCILoojSC0ETXjDmCFZaOMtgasiqgWalb36Q/s100/20191124_172832.jpg" ><img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghfiHO15nWFoQZKlVpwbgRtnAv-IBQ6z0HRpYdNpNtG3q2I1XKlwjm8_MQ1uDqNYVNLe9zzAZOs3AZ49ayEV-HIjDMIZ7IhVv9H6uN2g5T2kZ36hEOAKaoVYhh-ZLTAqsT67o_nGr-QyIB/s100/20191124_172810.jpg" ><img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsBsx-Z4A1LG56AEJMYUO1-t1SyIpTk6O8SY1J8YtOkHRedylMqVwepL2P2OER5eYMkffk5Ozc65r9fSFc768-iUE16oMlSbaSpBn6cle1GCe60u8Jvbno-u68N5PaqMiFOdmR9A98LLbw/s100/IMG_20191118_142648_957.jpg" ><img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZkWhCgJqus0smPFA4p0MpuugvBtx6w9FTicJMhsa74uqf61iZPN-uW3OijyJapLs9vT-jDMM_2sKU6niZJsreM2nnpxdPcWteqadG8cOlU1fXsxDS-hZdrPVr5M4-EZn7irqEhqOxR5qU/s100/20191124_172821.jpg" ><img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRYl3Iw9B4jkqG-2uZvL6VsNCImLTmIOhzfaoOLgY6Y0tbWZImTD0ojMODHtC50yG9I34zp0bPEKT841b-69eTXpJX35l5e4Fu_FbZsdfeuqa2m2Lt2gNJ5DDw7B7SI8VrfAWsAjrhSdfC/s100/20191126_143256.jpg" ><img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjwWuFEmbhOqKCZ4YXrMnnpUFVvvBZXRG1cyw_bc2eVZG9zx81CN7SxQ4Kee9qElY8dUxNga-WaUbnmpqYk5gpAzXu-zeSXoRqqLxEHFK-w76UsEVBLuu2a2SMIg4ZA8yms42GPVJIrvBs/s100/IMG_20191205_095751_455.jpg" ><img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmht8yBpeZixi4NU0uvb3R4yLHIpsaxd8ecYSOjFs1xgS5sKo6JqSStvrVix7uSI7kj8rQDoeadMy4qAwhLF0hZy_6MpaywOB42t_R8Qll3Co56u651JlZ_prf45LS4plwGM5e0K_RkNvZ/s100/IMG-20191202-WA0000.jpg" ><img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmutI3Fl1sd2_gAkSnLCg92m4JkRCUe-eEYz6nLxQmylaoNF9U6XyrFEtRESFMEdPWEn-nMtNn_XjmHYAtJLBnnGzDBeYT0ZKGT9UKNpxEcxtRk46Rxpb19tXaSf3jRbtQcafgmPI29MlP/s100/20191130_202345.jpg" ><img class="PT-img" onclick="FTfu(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU6o7AWz_BwnmbqxBSXgy7sEAvTFEBj9Zj-goClxXREx5-Tw0_G7s-9it6504HnyeraVKkG_SQ9Dc59ulaTkgt0xwIgJyqYdtgN8xJrRnMnlKu8KZ0rYi6AIsagU4TCqpwJ97XLWNlpqVV/s100/IMG_20191118_141524_945.jpg" ></div> <div id="DP"></div> </div><!-----------------------------------------------------------------------------------------------><script>function Mclick( xx,event){ var x = event.clientX; var y = event.clientY; var cw = document.body.clientWidth ; var Mid = xx.parentElement ; var BTA = Mid.getElementsByClassName("BT") ; if(x > cw/2){FTAA(xx) } if(x < cw/2){FTLL(xx) } //BTA[3].innerHTML = cw ; //alert( y + "[]" + y); } function FPTs(id){ var Mid = id.parentElement var PTL = Mid.getElementsByClassName("PT-img") ; for(var x = 0; x < PTL.length ;x++){ PTL[x].setAttribute("title", x ); } //PTL[x].title= "end" ; //DP.innerHTML =Mid.id; } function FTfu(xx) { var Mid = xx.parentElement ; var PTL = Mid.getElementsByClassName("PT-img") ; var BTA = Mid.getElementsByClassName("BT") ; var Msrc = PTL[xx.title].src ; var MsrcU= Msrc.replace(/s100/i ,"s1600") ; PTL[0].style.backgroundImage = 'url(' + MsrcU + ')'; PTL[0].title = PTL[xx.title].title ; BTA[0].title = PTL[xx.title].title ; BTA[1].title = PTL[xx.title].title ; BTA[3].innerHTML = "[" + xx.parentElement.title + "] " + PTL[xx.title].title + " / " +PTL.length ; var elem = PTL[0]; if (elem.requestFullscreen) {elem.requestFullscreen(); } else if (elem.msRequestFullscreen) {elem.msRequestFullscreen();} else if (elem.mozRequestFullScreen) {elem.mozRequestFullScreen();} else if (elem.webkitRequestFullscreen) {elem.webkitRequestFullscreen(); } else { } //DP.innerHTML = Mid.id + " [" + PTL.length + "] " + MsrcU ; } //* +++++++++ out Fullscreen ++++++++++++++++++++++++++++++++++++++++++ *// function FTout(xx) { if (document.exitFullscreen) {document.exitFullscreen();} else if (document.msExitFullscreen) {document.msExitFullscreen();} else if (document.mozCancelFullScreen) {document.mozCancelFullScreen();} else if (document.webkitExitFullscreen) {document.webkitExitFullscreen();} } //* +++++++++++++++++++++++++++++++++++++++++++++++++++ *// function FTAA(xx) { var Mid = xx.parentElement ; var PTL = Mid.getElementsByClassName("PT-img") ; var BTA = Mid.getElementsByClassName("BT") ; xx.title = parseFloat(xx.title)+1 ; if(xx.title > PTL.length-1 ){xx.title = 1} var Msrc = PTL[xx.title].src ; var MsrcU= Msrc.replace(/s100/i ,"s1600") ; PTL[0].style.backgroundImage = 'url(' + MsrcU + ')'; PTL[0].title = PTL[xx.title].title ; BTA[0].title = PTL[xx.title].title ; BTA[1].title = PTL[xx.title].title ; BTA[3].innerHTML = "[" + xx.parentElement.title + "] " + PTL[xx.title].title + " / " +PTL.length ; } //* ------------------------------------------- *// function FTLL(xx) { var Mid = xx.parentElement ; var PTL = Mid.getElementsByClassName("PT-img") ; var BTA = Mid.getElementsByClassName("BT") ; xx.title = parseFloat(xx.title)-1 ; if(xx.title == 0 ){xx.title = PTL.length-1 } var Msrc = PTL[xx.title].src ; var MsrcU= Msrc.replace(/s100/i ,"s1600") ; PTL[0].style.backgroundImage = 'url(' + MsrcU + ')'; PTL[0].title = PTL[xx.title].title ; BTA[0].title = PTL[xx.title].title ; BTA[3].innerHTML = "[" + xx.parentElement.title + "] " + PTL[xx.title].title + " / " +PTL.length ; //alert(PTL.length ); } </script>

00

<style>#Full {display: flex;justify-content: center;align-items: center;height:200px; background-color: cornsilk;} //#Full img {width: 200px;} #Full img{max-width:300px;cursor:zoom-in; margin:10px 10px } #Full img:-webkit-full-screen {max-width:100%;cursor:zoom-out;} #Full img:-moz-full-screen {max-width:100%;cursor:zoom-out;} #Full img:-ms-fullscreen {max-width:100%;cursor:zoom-out;} #Full img:fullscreen {max-width:100%;cursor:zoom-out;} </style> <br /> <div id="Full"><img onclick="FullA(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRYl3Iw9B4jkqG-2uZvL6VsNCImLTmIOhzfaoOLgY6Y0tbWZImTD0ojMODHtC50yG9I34zp0bPEKT841b-69eTXpJX35l5e4Fu_FbZsdfeuqa2m2Lt2gNJ5DDw7B7SI8VrfAWsAjrhSdfC/s1600/20191126_143256.jpg" width="100px"/> <img onclick="FullA(this)" src="https://charts.aastocks.com/servlet/Charts?fontsize=12&15MinDelay=T&lang=1&titlestyle=1&vol=1&Indicator=1&indpara1=10&indpara2=20&indpara3=50&indpara4=100&indpara5=150&subChart1=3&ref1para1=12&ref1para2=26&ref1para3=9&scheme=1&com=100&chartwidth=673&chartheight=480&stockid=110000.HK&period=9&type=1&logoStyle=1&g" width="200px" /> <img onclick="FullA(this)" src="https://charts.aastocks.com/servlet/Charts?fontsize=12&15MinDelay=T&lang=1&titlestyle=1&vol=1&Indicator=1&indpara1=10&indpara2=20&indpara3=50&indpara4=100&indpara5=150&subChart1=3&ref1para1=12&ref1para2=26&ref1para3=9&scheme=1&com=100&chartwidth=673&chartheight=480&stockid=111000.HK&period=6&type=1&logoStyle=1&" width="200px" /></div> <script>function FullA(xx){ var elem = xx; if(document.fullscreenElement || window.fullScreen || (window.innerWidth == screen.width && window.innerHeight == screen.height)){ if (document.exitFullscreen) {document.exitFullscreen();} else if (document.msExitFullscreen) {document.msExitFullscreen();} else if (document.mozCancelFullScreen) {document.mozCancelFullScreen();} else if (document.webkitExitFullscreen) {document.webkitExitFullscreen();} } else { if (elem.requestFullscreen) {elem.requestFullscreen(); } else if (elem.msRequestFullscreen) {elem.msRequestFullscreen();} else if (elem.mozRequestFullScreen) {elem.mozRequestFullScreen();} else if (elem.webkitRequestFullscreen) {elem.webkitRequestFullscreen(); } } } </script>

00

#requestFullscreen() 全螢幕#exitFullscreen() 全螢幕#css fullscreen