{"id":3395,"date":"2012-05-27T18:47:36","date_gmt":"2012-05-27T09:47:36","guid":{"rendered":"http:\/\/blog.pianoman-net.com\/?p=3395"},"modified":"2013-06-30T02:03:56","modified_gmt":"2013-06-29T17:03:56","slug":"lightbox%e3%81%abdownload%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%81%a4%e3%81%91%e3%81%a6%e3%81%bf%e3%82%8b%e3%83%86%e3%82%b9%e3%83%88%e3%80%82","status":"publish","type":"post","link":"https:\/\/blog.pianoman-net.com\/?p=3395","title":{"rendered":"Lightbox\u306bDOWNLOAD\u30dc\u30bf\u30f3\u3092\u3064\u3051\u3066\u307f\u308b\u30c6\u30b9\u30c8\u3002"},"content":{"rendered":"<p><img loading=\"lazy\" src=\"https:\/\/blog.pianoman-net.com\/wp-content\/uploads\/2010\/06\/eyecatch_xcl.png\" alt=\"XOOPS Cube\" title=\"XOOPS Cube\" width=\"160\" height=\"120\" class=\"alignright size-full wp-image-2531\" \/>\u3068\u3042\u308b\u30b5\u30a4\u30c8\u3067\u5199\u771f\u5171\u6709\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u4f5c\u308a\u305f\u3044\u3068\u306e\u4e8b\u3067\u3001WordPress\u3067<br \/>\n\u3084\u3063\u3066\u307f\u3088\u3046\u304b\u3068\u304b\u8272\u3005\u3068\u8003\u3048\u305f\u306e\u3067\u3059\u304c\u3001\u6642\u9593\u7684\u306a\u554f\u984c\u304b\u3089\u7d50\u5c40<br \/>\n\u4f7f\u3044\u6163\u308c\u305f<a href=\"https:\/\/www.xoopscube.net\/\" title=\"XOOPS Cube Site\" target=\"_blank\" rel=\"noopener\">Xoops X (Pack2012) <\/a>\u3067\u30b5\u30a4\u30c8\u3092\u69cb\u7bc9\u3057\u3001\u30d1\u30c3\u30b1\u30fc\u30b8\u306b<br \/>\n\u5165\u3063\u3066\u3044\u308bGnavi\u3092\u4f7f\u3063\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n<p>\u3053\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u306f<a href=\"https:\/\/lokeshdhakar.com\/projects\/lightbox2\/\" title=\"Lightbox 2\" target=\"_blank\" rel=\"noopener\">Lightbox<\/a>\u304c\u5165\u3063\u3066\u3044\u308b\u3088\u3046\u3067\u3001\u753b\u50cf\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068<br \/>\n\u540c\u4e00\u753b\u9762\u4e0a\u306b\u753b\u50cf\u3092\u4e0a\u4e57\u305b\u8868\u793a\u3057\u3066\u304f\u308c\u307e\u3059\u3002\u3068\u3053\u308d\u304c\u3001\u767b\u9332\u3059\u308b\u753b\u50cf\u306e<br \/>\n\u30b5\u30a4\u30ba\u304c\u5927\u304d\u3044\u90fd\u5408\u3001\u30ce\u30fc\u30c8PC\u7b49\u3067\u306f\u753b\u9762\u304b\u3089\u5927\u304d\u304f\u306f\u307f\u51fa\u3057\u3066\u3057\u307e\u3044\u3001<br \/>\n\u8868\u793a\u30b5\u30a4\u30ba\u3092\u8abf\u6574\u3059\u308b\u4e8b\u306b\u306a\u308a\u307e\u3057\u3066\u3002<\/p>\n<p>\u30cd\u30c3\u30c8\u3067\u8abf\u3079\u3066\u3084\u3063\u3066\u307f\u305f\u3089\u3001\u8868\u793a\u30b5\u30a4\u30ba\u8abf\u6574\u81ea\u4f53\u306f\u51fa\u6765\u305f\u306e\u3067\u3059\u304c\u3001\u53f3\u30af\u30ea\u30c3\u30af\u3067<br \/>\n\u300c\u540d\u524d\u3092\u4ed8\u3051\u3066\u753b\u50cf\u3092\u4fdd\u5b58\u300d\u304c\u52b9\u304b\u306a\u3044\u4e8b\u304c\u5224\u660e\u3002\u3058\u3083\u3041\u3001\u3044\u3063\u305d\u300cCLOSE\u300d\u30dc\u30bf\u30f3\u306e\u96a3\u306b<br \/>\n\u300cDOWNLOAD\u300d\u30dc\u30bf\u30f3\u304f\u3063\u3064\u3051\u3066\u3001\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u3061\u3083\u3048\uff01\u2026\u3068\u306a\u308a\u3001<br \/>\n\u3061\u3087\u3063\u3068\u3084\u3063\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n<p>\u4eca\u56de\u306fxoops_trust_path\u5074\u306e\u30d5\u30a1\u30a4\u30eb\u306f\u4fee\u6b63\u3057\u306a\u3044\u306e\u3067\u3001\u4ee5\u4e0b\u306e\u8aac\u660e\u306fhtml\u5074\u306e<br \/>\nmodules\/<font color=\"green\">gnavi<\/font>\/ \u306e\u8a71\u306b\u306a\u308a\u307e\u3059\u3002<br \/>\n\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u540d\u3092\u5909\u3048\u3066\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u3044\u308b\u5834\u5408\u306f\u3001\u7dd1\u8272\u6587\u5b57\u90e8\u5206\u3092<br \/>\n\u5909\u66f4\u3057\u305f\u540d\u524d\u306b\u8aad\u307f\u66ff\u3048\u3066\u304f\u3060\u3055\u3044\u3002<br \/>\n&nbsp;<br \/>\n<!--more--><br \/>\n&nbsp;<br \/>\n<img loading=\"lazy\" src=\"https:\/\/blog.pianoman-net.com\/wp-content\/uploads\/2012\/05\/20120527_001.gif\" alt=\"Lightbox\u306bDOWNLOAD\u30dc\u30bf\u30f3\u3092\u3064\u3051\u3066\u307f\u308b\u30c6\u30b9\u30c8\" title=\"Lightbox\u306bDOWNLOAD\u30dc\u30bf\u30f3\u3092\u3064\u3051\u3066\u307f\u308b\u30c6\u30b9\u30c8\" width=\"203\" height=\"327\" class=\"alignright size-full wp-image-3399\" \/><strong>\u3010\u76ee\u6a19\u3011<\/strong><br \/>\nLightbox\u3067\u8868\u793a\u3055\u308c\u305f\u753b\u50cf\u306e\u53f3\u4e0b\u306b\u3042\u308b\u300cCLOSE\u300d\u30dc\u30bf\u30f3\u306e\u96a3\u306b<br \/>\n\u300cDOWNLOAD\u300d\u30dc\u30bf\u30f3\u3092\u4ed8\u3051\u3066\u3001\u62bc\u4e0b\u3059\u308b\u3068\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u3092<br \/>\n\u201d\u8868\u793a\u201d\u3067\u306f\u306a\u304f\u201d\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u201d\u3055\u305b\u308b\u3088\u3046\u306b\u3059\u308b\u3002<br \/>\n\u5c1a\u3001\u753b\u50cf\u8868\u793a\u30b5\u30a4\u30ba\u306f\u6a2a\u5e45\u30fb\u9ad8\u3055\u3068\u3082600px\u3092\u4e0a\u9650\u3068\u3059\u308b\u3002<br \/>\n&nbsp;<br \/>\n&nbsp;<br \/>\n<strong>\u3010\u6750\u6599\u3011<\/strong><br \/>\n\u30fb\u300cDOWNLOAD\u300d\u30dc\u30bf\u30f3\u753b\u50cf<br \/>\n\u3000\u2192\u4eca\u56de\u306f\u300cCLOSE\u300d\u30dc\u30bf\u30f3\u3068\u540c\u3058<br \/>\n\u3000\u3000\u6a2a\u5e45\uff1a\u9ad8\u3055 = 62px\uff1a22px\u306e\u3082\u306e\u3092\u7528\u610f\u3057\u307e\u3057\u305f\u3002<\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/blog.pianoman-net.com\/wp-content\/uploads\/2012\/05\/picture_save.gif\" alt=\"DOWNLOAD\u30dc\u30bf\u30f3\" title=\"DOWNLOAD\u30dc\u30bf\u30f3\" width=\"66\" height=\"22\" class=\"alignleft size-full wp-image-3409\" style=\"margin-left:20px;\" \/><br \/>\n&nbsp;<br \/>\n\u3000\u3000\u3053\u308c\u3092 modules\/<font color=\"green\">gnavi<\/font>\/images\/ \u306b<br \/>\n\u3000\u3000\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3057\u3066\u304d\u307e\u3059\u3002<br \/>\n&nbsp;<br \/>\n&nbsp;<br \/>\n<strong>\u3010\u4f5c\u308a\u65b9\uff11\u3011<\/strong><br \/>\n\u307e\u305a\u306f\u3001Lightbox\u306e\u8868\u793a\u30b5\u30a4\u30ba\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3092\u3057\u307e\u3059\u3002<br \/>\n\u524d\u8ff0\u306e\u901a\u308a\u3001\u30b5\u30a4\u30ba\u306f\u6a2a\u5e45\u30fb\u9ad8\u3055\u3068\u3082600px\u3092\u4e0a\u9650\u306b\u3059\u308b\u306e\u3067\u3001<br \/>\nimgWidthMax\u53ca\u3073imgHeightMax\u306e\u5024\u306f\u300c600\u300d\u3092\u8a2d\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>\u4fee\u6b63\u30d5\u30a1\u30a4\u30eb\uff1a modules\/<font color=\"green\">gnavi<\/font>\/js\/lightbox.js<br \/>\n441\u884c\u76ee\u8fba\u308a\u306e\u300cimgPreloader.onload=function(){\u300d\u306e\u6b21\u306e\u884c\u306b<br \/>\n\u4e0b\u8a18\u30cf\u30a4\u30e9\u30a4\u30c8\u90e8\u5206\u306e\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0\u3002<\/p>\n<pre class=\"brush: jscript; first-line: 440; highlight: [442,443,444,445,446,447,448,449,450,451,452,453,454,455,456]; title: ; notranslate\" title=\"\">\r\n\t\t\/\/ once image is preloaded, resize image container\r\n\t\timgPreloader.onload=function(){\r\n\r\n\t\t\tvar imgWidthMax  = 600;\t\/\/ Max Width Size [px] \r\n\t\t\tvar imgHeightMax = 600;\t\/\/ Max Height Size [px]\r\n\t\t\tvar imgNewScale = 1;\r\n\t\t\tif( imgWidthMax &lt; imgPreloader.width ) {\r\n\t\t\t\timgNewScale = imgWidthMax \/ imgPreloader.width;\r\n\t\t\t\timgPreloader.width   = imgWidthMax;\r\n\t\t\t\timgPreloader.height *= imgNewScale;\r\n\t\t\t}\r\n\t\t\tif( imgHeightMax &lt; imgPreloader.height ) {\r\n\t\t\t\timgNewScale = imgHeightMax \/ imgPreloader.height;\r\n\t\t\t\timgPreloader.width *= imgNewScale;\r\n\t\t\t\timgPreloader.height = imgHeightMax;\r\n\t\t\t}\r\n\r\n\t\t\tElement.setSrc('lightboxImage', imageArray[activeImage][0]);\r\n\t\t\tmyLightbox.resizeImageContainer(imgPreloader.width, imgPreloader.height);\r\n\t\t\t\r\n\t\t\timgPreloader.onload=function(){};\t\/\/\tclear onLoad, IE behaves irratically with animated gifs otherwise \r\n\t\t}\r\n<\/pre>\n<p>&nbsp;<br \/>\n&nbsp;<br \/>\n\u6b21\u306b\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u306e\u8abf\u6574\u3002\u53c2\u8003\u30b5\u30a4\u30c8\u3092\u5143\u306bIE6\u7528\u306b\u3082\u30cf\u30c3\u30af\u3092\u8ffd\u52a0\u3057\u3066\u307e\u3059\u3002<\/p>\n<p>\u4fee\u6b63\u30d5\u30a1\u30a4\u30eb\uff1a modules\/<font color=\"green\">gnavi<\/font>\/css\/lightbox.css<br \/>\n\u4e0b\u8a18\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0\u3002<\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#lightbox img#lightboxImage{\r\nwidth: auto; height: auto; max-width: 600px; max-height: 600px;\r\n}\r\n* html body #lightbox img#lightboxImage{\r\nheight: expression(this.height &gt;= 600 ? &quot;600px&quot; : &quot;auto&quot;);\r\n}\r\n<\/pre>\n<p>&nbsp;<br \/>\n&nbsp;<\/p>\n<blockquote><p>\n\u3010\u53c2\u8003\u30b5\u30a4\u30c8\u3011<br \/>\n<a href=\"https:\/\/sememo.blue-robin.jp\/?p=237\" title=\"LightBox 2 \u3067\u8868\u793a\u3055\u308c\u308b\u753b\u50cf\u30b5\u30a4\u30ba\u3092\u6307\u5b9a\u3059\u308b\" target=\"_blank\" rel=\"noopener\">\u300bLightBox 2 \u3067\u8868\u793a\u3055\u308c\u308b\u753b\u50cf\u30b5\u30a4\u30ba\u3092\u6307\u5b9a\u3059\u308b<\/a><br \/>\n<a href=\"https:\/\/aroun-d.com\/2009\/12\/22\/1228\/\" title=\"[WordPress] lightbox\u3067\u753b\u50cf\u306e\u6700\u5927\u5e45\u3092\u8a2d\u5b9a\" target=\"_blank\" rel=\"noopener\">\u300b[WordPress] lightbox\u3067\u753b\u50cf\u306e\u6700\u5927\u5e45\u3092\u8a2d\u5b9a<\/a>\n<\/p><\/blockquote>\n<p>&nbsp;<br \/>\n&nbsp;<br \/>\n<strong>\u3010\u4f5c\u308a\u65b9\uff12\u3011<\/strong><br \/>\n\u3055\u3066\u3001\u3044\u3088\u3044\u3088DOWNLOAD\u30dc\u30bf\u30f3\u306e\u8ffd\u52a0\u3067\u3059\u3002<br \/>\n\u4eca\u56de\u306f\u3001\u30d5\u30a1\u30a4\u30eb\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3055\u305b\u308b\u30d7\u30ed\u30b0\u30e9\u30e0\u3092PHP\u3067\u4f5c\u3063\u3066\u304a\u3044\u3066\u3001<br \/>\nLightbox\u306b\u8ffd\u52a0\u3057\u305f\u300cDOWNLOAD\u300d\u30dc\u30bf\u30f3\u3092\u62bc\u4e0b\u3059\u308b\u3068\u3001\u5f15\u6570\u306b\u753b\u50cf\u306e<br \/>\nURL\u3092\u3064\u3051\u3066\u6e21\u3059\u3088\u3046\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>\u25a0\u30d5\u30a1\u30a4\u30eb\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3055\u305b\u308b\u30d7\u30ed\u30b0\u30e9\u30e0<br \/>\n\u4f5c\u6210\u30d5\u30a1\u30a4\u30eb\uff1amodules\/<font color=\"green\">gnavi<\/font>\/download.php<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\n&lt;?php\r\n\r\n\t\/\/\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3055\u305b\u308b\u30d5\u30a1\u30a4\u30eb\u306eURL\u3092\u53d6\u5f97\r\n\t$downloadFileUrl = $_GET['url'];\r\n\r\n\t\/\/\u30d5\u30a1\u30a4\u30eb\u540d\u62bd\u51fa\r\n\t$downloadFileName = basename($downloadFileUrl);\r\n\r\n\t\/\/ \u30d8\u30c3\u30c0\r\n\theader(&quot;Content-Type: application\/octet-stream&quot;);\r\n\r\n\t\/\/ \u30c0\u30a4\u30a2\u30ed\u30b0\u30dc\u30c3\u30af\u30b9\u306b\u8868\u793a\u3059\u308b\u30d5\u30a1\u30a4\u30eb\u540d\r\n\theader(&quot;Content-Disposition: attachment; filename=$downloadFileName&quot;);\r\n\r\n\t\/\/ \u5bfe\u8c61\u30d5\u30a1\u30a4\u30eb\u3092\u51fa\u529b\r\n\treadfile($downloadFileUrl);\r\n\r\n\texit;\r\n\r\n?&gt;\r\n<\/pre>\n<p>&nbsp;<br \/>\n&nbsp;<br \/>\n\u25a0lightbox.js\u306e\u4fee\u6b63<br \/>\n\u4fee\u6b63\u30d5\u30a1\u30a4\u30eb\uff1a modules\/<font color=\"green\">gnavi<\/font>\/js\/lightbox.js<br \/>\n&nbsp;<br \/>\n&nbsp;<br \/>\n\u307e\u305a\u3001\u4e0a\u306e\u65b9\u306e\u300cConfiguration\u300d\u90e8\u5206\u306b\u4e0b\u8a18\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0\uff08\u30cf\u30a4\u30e9\u30a4\u30c8\u90e8\u5206\uff09\u3002<br \/>\n\uff08\u4eca\u56de\u306f67\u884c\u76ee\u8fba\u308a\u306b\u8ffd\u52a0\u3057\u3066\u307f\u307e\u3057\u305f\u3002\uff09<br \/>\n\u300cDOWNLOAD\u300d\u30dc\u30bf\u30f3\u753b\u50cf\u3068\u3001\u753b\u50cf\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3055\u305b\u308bPHP\u306e\u30d5\u30a1\u30a4\u30eb\u540d\u306e\u5b9a\u7fa9\u3067\u3059\u3002<\/p>\n<pre class=\"brush: jscript; first-line: 62; highlight: [67,68,69,70]; title: ; notranslate\" title=\"\">\r\n\/\/\r\n\/\/\tConfiguration\r\n\/\/\r\nvar fileLoadingImage = &quot;images\/loading.gif&quot;;\t\t\r\nvar fileBottomNavCloseImage = &quot;images\/closelabel.gif&quot;;\r\n\r\nvar filePicSaveImage = &quot;images\/picture_save.gif&quot;;\r\nvar downloadFilePgm = &quot;download.php&quot;;\r\n\r\nvar overlayOpacity = 0.8;\t\/\/ controls transparency of shadow overlay\r\n\r\nvar animate = true;\t\t\t\/\/ toggles resizing animations\r\nvar resizeSpeed = 7;\t\t\/\/ controls the speed of the image resizing animations (1=slowest and 10=fastest)\r\n\r\nvar borderSize = 10;\t\t\/\/if you adjust the padding in the CSS, you will need to update this variable\r\n<\/pre>\n<p>&nbsp;<br \/>\n&nbsp;<br \/>\n\u6b21\u306b\u3001329\u884c\u76ee\u8fba\u308a\u306b\u4e0b\u8a18\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0\uff08\u30cf\u30a4\u30e9\u30a4\u30c8\u90e8\u5206\uff09\u3002<\/p>\n<pre class=\"brush: jscript; first-line: 326; highlight: [329,330,331,332,333,334,335,336,337,338,339,340,341]; title: ; notranslate\" title=\"\">\r\n\t\tvar objBottomNavCloseImage = document.createElement(&quot;img&quot;);\r\n\t\tobjBottomNavCloseImage.setAttribute('src', fileBottomNavCloseImage);\r\n\t\tobjBottomNavCloseLink.appendChild(objBottomNavCloseImage);\r\n\r\n\t\tvar objPicSave = document.createElement(&quot;div&quot;);\r\n\t\tobjPicSave.setAttribute('id','picSave');\r\n\t\tobjImageData.appendChild(objPicSave);\r\n\r\n\t\tvar objPicSaveLink = document.createElement(&quot;a&quot;);\r\n\t\tobjPicSaveLink.setAttribute('id','picSaveLink');\r\n\t\tobjPicSave.appendChild(objPicSaveLink);\r\n\r\n\t\tvar objPicSaveImage = document.createElement(&quot;img&quot;);\r\n\t\tobjPicSaveImage.setAttribute('src', filePicSaveImage);\r\n\t\tobjPicSaveLink.appendChild(objPicSaveImage);\r\n\r\n\t},\r\n<\/pre>\n<p>&nbsp;<br \/>\n&nbsp;<br \/>\n\u66f4\u306b\u3001437\u884c\u76ee\u8fba\u308a\u306b\u4e0b\u8a18\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0\uff08\u30cf\u30a4\u30e9\u30a4\u30c8\u90e8\u5206\uff09\u3002<\/p>\n<pre class=\"brush: jscript; first-line: 429; highlight: [437]; title: ; notranslate\" title=\"\">\r\n\t\t\/\/ hide elements during transition\r\n\t\tif(animate){ Element.show('loading');}\r\n\t\tElement.hide('lightboxImage');\r\n\t\tElement.hide('hoverNav');\r\n\t\tElement.hide('prevLink');\r\n\t\tElement.hide('nextLink');\r\n\t\tElement.hide('imageDataContainer');\r\n\t\tElement.hide('numberDisplay');\t\t\r\n\t\tElement.hide('picSaveLink');\r\n\t\t\r\n\t\timgPreloader = new Image();\r\n<\/pre>\n<p>&nbsp;<br \/>\n&nbsp;<br \/>\n\u6700\u5f8c\u306b\u3001\u3010\u4f5c\u308a\u65b9\uff11\u3011\u3067\u8ffd\u52a0\u3057\u305f\u30b3\u30fc\u30c9\u306e\u6700\u5f8c\u306e\u90e8\u5206\u306b<br \/>\n\u4e0b\u8a18\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0\uff08\u30cf\u30a4\u30e9\u30a4\u30c8\u90e8\u5206\uff09\u3002<\/p>\n<pre class=\"brush: jscript; first-line: 440; highlight: [456,457,458]; title: ; notranslate\" title=\"\">\r\n\t\t\/\/ once image is preloaded, resize image container\r\n\t\timgPreloader.onload=function(){\r\n\r\n\t\t\tvar imgWidthMax  = 600;\t\/\/ Max Width Size [px] \r\n\t\t\tvar imgHeightMax = 600;\t\/\/ Max Height Size [px]\r\n\t\t\tvar imgNewScale = 1;\r\n\t\t\tif( imgWidthMax &lt; imgPreloader.width ) {\r\n\t\t\t\timgNewScale = imgWidthMax \/ imgPreloader.width;\r\n\t\t\t\timgPreloader.width   = imgWidthMax;\r\n\t\t\t\timgPreloader.height *= imgNewScale;\r\n\t\t\t}\r\n\t\t\tif( imgHeightMax &lt; imgPreloader.height ) {\r\n\t\t\t\timgNewScale = imgHeightMax \/ imgPreloader.height;\r\n\t\t\t\timgPreloader.width *= imgNewScale;\r\n\t\t\t\timgPreloader.height = imgHeightMax;\r\n\t\t\t}\r\n\r\n\t\t\tElement.setHref('picSaveLink', downloadFilePgm + &quot;?url=&quot; + imageArray[activeImage][0]);\r\n\r\n\t\t\tElement.setSrc('lightboxImage', imageArray[activeImage][0]);\r\n\t\t\tmyLightbox.resizeImageContainer(imgPreloader.width, imgPreloader.height);\r\n\t\t\t\r\n\t\t\timgPreloader.onload=function(){};\t\/\/\tclear onLoad, IE behaves irratically with animated gifs otherwise \r\n\t\t}\r\n<\/pre>\n<p>&nbsp;<br \/>\n&nbsp;<br \/>\n\u25a0lightbox.css\u306e\u4fee\u6b63<br \/>\n\u4fee\u6b63\u30d5\u30a1\u30a4\u30eb\uff1a modules\/<font color=\"green\">gnavi<\/font>\/csslightbox.css<br \/>\n\u4e0b\u8a18\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0\u3002<\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#imageData #picSaveLink {  width: 66px; height: 22px; float: right;  padding-bottom: 0.7em; padding-right: 20px; display: inline !important;}\r\n<\/pre>\n<p>&nbsp;<br \/>\n&nbsp;<\/p>\n<blockquote><p>\n\u3010\u53c2\u8003\u30b5\u30a4\u30c8\u3011<br \/>\n<a href=\"https:\/\/ameblo.jp\/oooloveooo\/entry-10240353544.html\" title=\"Lightbox 2.0\u3000\u62e1\u5927\u3057\u305f\u753b\u50cf\u3092\u53f3\u30af\u30ea\u30c3\u30af\u3067\u4fdd\u5b58\u3055\u305b\u305f\u3044\" target=\"_blank\" rel=\"noopener\">\u300bLightbox 2.0\u3000\u62e1\u5927\u3057\u305f\u753b\u50cf\u3092\u53f3\u30af\u30ea\u30c3\u30af\u3067\u4fdd\u5b58\u3055\u305b\u305f\u3044<\/a><br \/>\n<a href=\"https:\/\/detail.chiebukuro.yahoo.co.jp\/qa\/question_detail\/q1052399090\" title=\"Lightbox\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u3066\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u753b\u50cf\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3059\u308b\u30dc\u30bf\u30f3\u3092\u7528\u610f\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u3059\u304b\uff1f\" target=\"_blank\" rel=\"noopener\">\u300bLightbox\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u3066\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u753b\u50cf\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3059\u308b\u30dc\u30bf\u30f3\u3092\u7528\u610f\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u3059\u304b\uff1f<\/a><br \/>\n<a href=\"https:\/\/www.goodpic.com\/mt\/archives2\/2006\/11\/lightboxjs_scri.html\" title=\"Lightbox.js \u3067\u5b66\u3076 script.aculo.us \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u4f7f\u3044\u65b9\" target=\"_blank\" rel=\"noopener\">\u300bLightbox.js \u3067\u5b66\u3076 script.aculo.us \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u4f7f\u3044\u65b9<\/a><br \/>\n<a href=\"https:\/\/php.thm.jp\/index.php?know=download\" title=\"\u30d5\u30a1\u30a4\u30eb\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3055\u305b\u308b\u3002\" target=\"_blank\" rel=\"noopener\">\u300b\u30d5\u30a1\u30a4\u30eb\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3055\u305b\u308b\u3002<\/a><br \/>\n<a href=\"https:\/\/phpjp.com\/basename.htm\" title=\"\u30d5\u30a1\u30a4\u30eb\u306e\u30d1\u30b9\u304b\u3089\u30d5\u30a1\u30a4\u30eb\u540d\u3092\u53d6\u5f97 \" target=\"_blank\" rel=\"noopener\">\u300b\u30d5\u30a1\u30a4\u30eb\u306e\u30d1\u30b9\u304b\u3089\u30d5\u30a1\u30a4\u30eb\u540d\u3092\u53d6\u5f97 <\/a>\n<\/p><\/blockquote>\n<p>&nbsp;<br \/>\n&nbsp;<br \/>\n\u975e\u55b6\u5229\u30b5\u30a4\u30c8\u3067\u4ed5\u4e8b\u3067\u306f\u306a\u3044\u306e\u3060\u304c\u3001\u7d50\u69cb\u6c17\u5408\u5165\u308c\u3066\u8abf\u3079\u3066\u3057\u307e\u3063\u305f\uff1b<br \/>\n\u3053\u306e\u30b5\u30a4\u30c8\u3001\u4f55\u6545\u304bPHP\u30c7\u30d0\u30c3\u30b0\u3092ON\u82e5\u3057\u304f\u306fAdelieDebug\u3092\u5165\u308c\u3066\u305f\u308a\u3059\u308b\u3068<br \/>\n\u7279\u306b\u554f\u984c\u306a\u304f\u3001\u30a8\u30e9\u30fc\u3082\u51fa\u305a\u306b\u30a2\u30ab\u30a6\u30f3\u30c8\u60c5\u5831\u304c\u8868\u793a\u3067\u304d\u308b\u306e\u3067\u3059\u304c\u3001<br \/>\nPHP\u30c7\u30d0\u30c3\u30b0\u3092OFF\u306b\u3057\u3066\u30a2\u30ab\u30a6\u30f3\u30c8\u60c5\u5831\u3092\u8868\u793a\u3059\u308b\u3068500 Internal Server Error\u306b<br \/>\n\u306a\u3063\u3066\u3057\u307e\u3046\u3068\u3044\u3046\u3001\u524d\u4f8b\u306e\u7121\u3044\u969c\u5bb3\u304c\u8d77\u304d\u3066\u307e\u3057\u3066\u3002PHP\u306ememory_limit\u306e\u5024\u3082<br \/>\n\u554f\u984c\u306a\u3044\u307f\u305f\u3044\u3060\u3057\u3001\u30b5\u30fc\u30d0\u306e\u30ed\u30b0\u3068\u3063\u3066\u3082\u539f\u56e0\u7279\u5b9a\u3067\u304d\u305a\u3001\u3061\u3087\u3063\u3068\u304a\u624b\u4e0a\u3052\u72b6\u614b\u3002<\/p>\n<p>\u826f\u304f\u89e3\u3089\u306a\u3044\u307e\u307e\u3001\u3068\u308a\u3042\u3048\u305a\u300cPHP\u30c7\u30d0\u30c3\u30b0\u300d\u3068\u300cthemes\/ \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u304b\u3089\u306e<br \/>\n\u81ea\u52d5\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3092\u6709\u52b9\u306b\u3059\u308b\u300d\u3092OFF\u306b\u3057\u3066\u4e00\u822c\u516c\u958b\u7528\u8a2d\u5b9a\u306b\u3057\u3066\u307f\u305f\u3089\u3001<br \/>\n\u4f55\u6545\u304b\u554f\u984c\u306a\u304f\u30a2\u30ab\u30a6\u30f3\u30c8\u60c5\u5831\u304c\u95b2\u89a7\u3067\u304d\u308b\u2026\u307e\u3059\u307e\u3059\u89e3\u3089\u306a\u3044\uff34\uff34<br \/>\n\u3053\u3061\u3089\u306f\u3001\u5f8c\u65e5\u6642\u9593\u304c\u3068\u308c\u305f\u3089\u6539\u3081\u3066\u8abf\u3079\u3066\u307f\u3088\u3046\u3068\u601d\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>\u3068\u3053\u308d\u3067Gnavi\u3001\u5730\u57df\u306e\u30a8\u30ea\u30a2\u30ac\u30a4\u30c9\u7b49\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306b\u958b\u767a\u3057\u305f\u30e2\u30b8\u30e5\u30fc\u30eb\u3068<br \/>\n\u7d39\u4ecb\u3055\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u30d5\u30a9\u30c8\u30a2\u30eb\u30d0\u30e0\u30e2\u30b8\u30e5\u30fc\u30eb\u3067\u3042\u308bMyAlbum-P\u3092\u5143\u306b\u4f5c\u3089\u308c\u3066\u3044\u3066\u3001<br \/>\n\u4f55\u3088\u308a\u88cf\u5074\uff08\u7ba1\u7406\u30e1\u30cb\u30e5\u30fc\uff09\u306b\u884c\u304b\u306a\u304f\u3066\u3082\u8868\u5074\u304b\u3089\u3042\u308b\u7a0b\u5ea6\u64cd\u4f5c\u51fa\u6765\u3066\u3057\u307e\u3046\u306e\u3067<br \/>\n\u6700\u8fd1\u91cd\u5b9d\u3057\u3066\u3044\u307e\u3059\u3002XCL\u3082\u3001\u6765\u6708\u306b\u306f\u5927\u304d\u306a\u30a4\u30d9\u30f3\u30c8\u304c\u958b\u50ac\u3055\u308c\u308b\u3068\u3044\u3046\u8a71\u3082<br \/>\n\u3042\u308b\u3088\u3046\u3067\u3059\u3057\u3001WordPress\u307f\u305f\u3044\u306b\u76db\u308a\u4e0a\u304c\u3063\u3066\u6b32\u3057\u3044\u3082\u306e\u3067\u3059\u3002<br \/>\n&nbsp;<br \/>\n&nbsp;<\/p>\n<div style=\"text-align:center;\">\n<OBJECT classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"https:\/\/fpdownload.macromedia.com\/get\/flashplayer\/current\/swflash.cab\" id=\"Player_458c9bb6-ad91-4a8f-b4e2-19ca835445ae\"  WIDTH=\"500px\" HEIGHT=\"175px\"> <PARAM NAME=\"movie\" VALUE=\"https:\/\/ws.amazon.co.jp\/widgets\/q?rt=tf_cw&#038;ServiceVersion=20070822&#038;MarketPlace=JP&#038;ID=V20070822%2FJP%2Fmelodiesofpia-22%2F8010%2F458c9bb6-ad91-4a8f-b4e2-19ca835445ae&#038;Operation=GetDisplayTemplate\"><PARAM NAME=\"quality\" VALUE=\"high\"><PARAM NAME=\"bgcolor\" VALUE=\"#FFFFFF\"><PARAM NAME=\"allowscriptaccess\" VALUE=\"always\"><embed src=\"https:\/\/ws.amazon.co.jp\/widgets\/q?rt=tf_cw&#038;ServiceVersion=20070822&#038;MarketPlace=JP&#038;ID=V20070822%2FJP%2Fmelodiesofpia-22%2F8010%2F458c9bb6-ad91-4a8f-b4e2-19ca835445ae&#038;Operation=GetDisplayTemplate\" id=\"Player_458c9bb6-ad91-4a8f-b4e2-19ca835445ae\" quality=\"high\" bgcolor=\"#ffffff\" name=\"Player_458c9bb6-ad91-4a8f-b4e2-19ca835445ae\" allowscriptaccess=\"always\"  type=\"application\/x-shockwave-flash\" align=\"middle\" height=\"175px\" width=\"500px\"><\/embed><\/OBJECT> <NOSCRIPT><A HREF=\"https:\/\/ws.amazon.co.jp\/widgets\/q?rt=tf_cw&#038;ServiceVersion=20070822&#038;MarketPlace=JP&#038;ID=V20070822%2FJP%2Fmelodiesofpia-22%2F8010%2F458c9bb6-ad91-4a8f-b4e2-19ca835445ae&#038;Operation=NoScript\">Amazon.co.jp \u30a6\u30a3\u30b8\u30a7\u30c3\u30c8<\/A><\/NOSCRIPT>\n<\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3068\u3042\u308b\u30b5\u30a4\u30c8\u3067\u5199\u771f\u5171\u6709\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u4f5c\u308a\u305f\u3044\u3068\u306e\u4e8b\u3067\u3001WordPress\u3067 \u3084\u3063\u3066\u307f\u3088\u3046\u304b\u3068\u304b\u8272\u3005\u3068\u8003\u3048\u305f\u306e\u3067\u3059\u304c\u3001\u6642\u9593\u7684\u306a\u554f\u984c\u304b\u3089\u7d50\u5c40 \u4f7f\u3044\u6163\u308c\u305fXoops X (Pack2012) \u3067\u30b5\u30a4\u30c8\u3092\u69cb\u7bc9\u3057\u3001\u30d1\u30c3\u30b1\u30fc\u30b8\u306b \u5165\u3063\u3066\u3044\u308bGnavi\u3092\u4f7f\u3063\u3066\u307f\u307e\u3057\u305f\u3002 \u3053\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u306fLightbox\u304c\u5165\u3063\u3066\u3044\u308b\u3088\u3046\u3067\u3001\u753b\u50cf\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068 \u540c\u4e00\u753b\u9762\u4e0a\u306b\u753b\u50cf\u3092\u4e0a\u4e57\u305b\u8868\u793a\u3057\u3066\u304f\u308c\u307e\u3059\u3002\u3068\u3053\u308d\u304c\u3001\u767b\u9332\u3059\u308b\u753b\u50cf\u306e  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2531,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[14,5],"tags":[464,465,34],"_links":{"self":[{"href":"https:\/\/blog.pianoman-net.com\/index.php?rest_route=\/wp\/v2\/posts\/3395"}],"collection":[{"href":"https:\/\/blog.pianoman-net.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.pianoman-net.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.pianoman-net.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.pianoman-net.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3395"}],"version-history":[{"count":88,"href":"https:\/\/blog.pianoman-net.com\/index.php?rest_route=\/wp\/v2\/posts\/3395\/revisions"}],"predecessor-version":[{"id":4922,"href":"https:\/\/blog.pianoman-net.com\/index.php?rest_route=\/wp\/v2\/posts\/3395\/revisions\/4922"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.pianoman-net.com\/index.php?rest_route=\/wp\/v2\/media\/2531"}],"wp:attachment":[{"href":"https:\/\/blog.pianoman-net.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3395"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.pianoman-net.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3395"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.pianoman-net.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}