Shadowbox コンテンツ作成
|
|
|
日時： 2012/11/22 21:33
名前： lightbox
|
Youtube リストの設置
JavaScript ソースコード
拡張子:
if ( !window['lightboxTool'] ) {
window.lightboxTool = {};
}
if ( !window.lightboxTool.createShadowboxHtmlUtada ) {
window.lightboxTool.createShadowboxHtmlUtadaList = {
"L_QVB4Qdh6o" : '1998年12月9日発売。宇多田ヒカルのデビューシングル',
"MU9Srs04sFU" : '2012年11月17日公開 映画「ヱヴァンゲリヲン新劇場版：Q」テーマソング',
"mlwCZm2MQbQ" : '2002年5月9日発売 11th Single',
"W6QjKT1A2pI" : 'フジテレビ系ドラマ「ラスト・フレンズ」主題歌',
"Tfc8w6A-f9U" : '2001年11月28日 9th Single (NTT DoCoMo[FOMA]CM ソング)',
"3Ta0vEnki9E" : 'TBS系ドラマ「花より男子2」のイメージソング',
"cfpX8lkaSdk" : '「Utada Hikaru SINGLE COLLECTION VOL.2」のリード楽曲',
"K0p4V5DLxKU" : '2006年2月22日発売 16th Single( LISMO!au LISTEN MOBILE SERVICE TVCMタイアップソング)',
"kWoJLdXJt0E" : '2005年12月14日発売 15th Single ( ゲームソフト『KINGDOM HEARTS II』テーマソング)'
}
window.lightboxTool.createShadowboxHtmlUtada = function ( obj ) {
if ( window.lightboxTool.createShadowboxRemove ) {
Shadowbox.removeCache( document.getElementById(lightboxTool.createShadowboxRemove) );
}
var pn = obj.parentNode;
var sl = pn.getElementsByTagName("SELECT")[0];
var target = pn.getElementsByTagName("DIV")[0];
var str="";
var idstr = "sbx" + (new Date()).getTime();
str+="<a id=\""+idstr+"\" href=\"http://www.youtube.com/v/"+sl.value+"?fs=1&hl=ja_JP&autoplay=1\"><img src=\"http://img.youtube.com/vi/"+sl.value+"/0.jpg\" style='border:solid 0px #000000'></a>";
target.innerHTML = str;
var json = { player: "swf", width:960, height:745 };
json.title = lightboxTool.createShadowboxHtmlUtadaList[sl.value];
Shadowbox.addCache( document.getElementById(idstr), json );
lightboxTool.createShadowboxRemove = idstr;
}
}
if ( !window.lightboxTool.initShadowbox ) {
window.lightboxTool.initShadowbox = function ( ) {
Shadowbox.init();
}
}
if ( !window.lightboxTool.initShadowboxUtada ) {
window.lightboxTool.initShadowboxUtada = function ( ) {
lightboxTool.createShadowboxHtmlUtada(document.getElementById("createShadowboxHtmlUtada"));
}
}
(function() {
var str;
if ( !window.Shadowbox ) {
str="";
str+="<link rel=\"stylesheet\" type=\"text/css\" href=\"http://lightbox.on.coocan.jp/sbx33/shadowbox.css\"> \n";
str+="<"+"script type=\"text/javascript\" src=\"http://lightbox.on.coocan.jp/sbx33/shadowbox.js\" charset=\"utf-8\"></"+"script> ";
document.write(str);
if (window.attachEvent){
window.attachEvent('onload', lightboxTool.initShadowbox );
}
else {
window.addEventListener('load', lightboxTool.initShadowbox, false);
}
}
})();
(function() {
var str;
str="";
str+="<div> \n";
str+="<select id='createShadowboxHtmlUtada' onchange='lightboxTool.createShadowboxHtmlUtada(this);'> \n";
str+="<option value=\"L_QVB4Qdh6o\">Automatic</option> \n";
str+="<option value=\"MU9Srs04sFU\">宇多田ヒカル - 桜流し（Short Ver.)</option> \n";
str+="<option value=\"mlwCZm2MQbQ\">SAKURAドロップス</option> \n";
str+="<option value=\"W6QjKT1A2pI\">Prisoner Of Love</option> \n";
str+="<option value=\"Tfc8w6A-f9U\">traveling</option> \n";
str+="<option value=\"3Ta0vEnki9E\">- Flavor Of Life -Ballad Version-</option> \n";
str+="<option value=\"cfpX8lkaSdk\">Goodbye Happiness</option> \n";
str+="<option value=\"K0p4V5DLxKU\">Keep Tryin'</option> \n";
str+="<option value=\"kWoJLdXJt0E\">Passion 〜single version〜</option> \n";
str+="</select> ■■ ＹｏｕＴｕｂｅ ■■\n";
str+="<br> \n";
str+="<div style='margin-top:5px;'></div> \n";
str+="</div> \n";
str+="<div style='margin-left:5px;margin-top:-47px;'><a href=\"http://www.youtube.com/\" target=\"_blank\"><img src=\" \" style='border:solid 0px #000000;width:60px;margin-top:4px;' /></a></div> ";
document.write(str);
if (window.attachEvent){
window.attachEvent('onload', lightboxTool.initShadowboxUtada );
}
else {
window.addEventListener('load', lightboxTool.initShadowboxUtada, false);
}
})();
|
|
| 画像コンテンツ : Shadowbox コンテンツ作成 ( No.1 ) |
|
|
日時： 2010/11/21 13:05
名前： lightbox
|
日時： 2010/11/21 13:05
名前： lightbox
|
| YouTube : Shadowbox コンテンツ作成 ( No.2 ) |
日時： 2012/11/22 21:34
名前： lightbox
拡張子:
if ( !window['lightboxTool'] ) {
window.lightboxTool = {};
}
if ( !window.lightboxTool.createShadowboxHtml ) {
window.lightboxTool.createShadowboxHtml = function ( obj ) {
var pn = obj.parentNode;
var ip = pn.getElementsByTagName("INPUT")[0];
var tt = pn.getElementsByTagName("INPUT")[2];
tt.value = (tt.value).replace(/\"/g,""");
var sl = pn.getElementsByTagName("SELECT")[0];
var sz = pn.getElementsByTagName("SELECT")[1];
var tx = pn.getElementsByTagName("TEXTAREA")[0];
var target = pn.getElementsByTagName("DIV")[0];
var str="";
var idstr = "sbx" + (new Date()).getTime();
str+="<a id=\""+idstr+"\" href=\"http://www.youtube.com/v/"+ip.value+"?autoplay=1&fs=1\" title=\""+tt.value+"\"><img src=\"http://img.youtube.com/vi/"+ip.value+"/"+sl.value+".jpg\" style='border:solid 0px #000000'></a>";
target.innerHTML = str;
if ( tt.value != '' ) {
Shadowbox.addCache( document.getElementById(idstr), eval( "({"+sz.value+",title:\""+tt.value+"\"})" ) );
}
else {
Shadowbox.addCache( document.getElementById(idstr), eval( "({"+sz.value+"})" ) );
}
var param = sz.value.replace(/\\/g,"").replace(/:/g,"=").replace(/,/g,";").replace(/\"/g,"");
var str2="";
str2+="<"+"script type=\"text/javascript\" src=\"http://lightbox.on.coocan.jp/sbx33/loadShadowbox.js\" charset=\"utf-8\"></"+"script>\n";
tx.value = str2 + str.replace("<a", "<a rel=\"shadowbox"+";"+ param + "\"" ) + "<div style='margin-left:5px;margin-top:-47px;'><a href=\"http://www.youtube.com/\" target=\"_blank\"><img src=\"\" style='border:solid 0px #000000;width:60px;margin-top:4px;' /></a></div>";
}
}
if ( !window.lightboxTool.initShadowbox ) {
window.lightboxTool.initShadowbox = function ( ) {
Shadowbox.init();
}
}
(function() {
var str;
if ( !window.Shadowbox ) {
str="";
str+="<link rel=\"stylesheet\" type=\"text/css\" href=\"http://lightbox.on.coocan.jp/sbx33/shadowbox.css\"> \n";
str+="<"+"script type=\"text/javascript\" src=\"http://lightbox.on.coocan.jp/sbx33/shadowbox.js\" charset=\"utf-8\"></"+"script> ";
document.write(str);
if (window.attachEvent){
window.attachEvent('onload', lightboxTool.initShadowbox );
}
else {
window.addEventListener('load', lightboxTool.initShadowbox, false);
}
}
})();
(function() {
var str;
str="";
str+="<div> \n";
str+="動画ID <input type=\"text\" value=\"uxBFiU2N65c\"> \n";
str+="サムネイル番号 \n";
str+="<select onchange='lightboxTool.createShadowboxHtml(this);'> \n";
str+="<option value=\"0\">0</option> \n";
str+="<option value=\"1\">1</option> \n";
str+="<option value=\"2\">2</option> \n";
str+="<option value=\"3\">3</option> \n";
str+="</select> \n";
str+="<input type=\"button\" value=\"作成\" onclick='lightboxTool.createShadowboxHtml(this);'> \n";
str+="<br> \n";
str+="サイズ <select onchange='lightboxTool.createShadowboxHtml(this);'> \n";
str+="<option value='player:\"swf\",width:960,height:745'>960x745</option> \n";
str+="<option value='player:\"swf\",width:640,height:505'>640x505</option> \n";
str+="<option value='player:\"swf\",width:480,height:385'>480x385</option> \n";
str+="<option value='player:\"swf\",width:425,height:344'>425x344</option> \n";
str+="</select> \n";
str+="タイトル <input type=\"text\" style='width:280px;'> \n";
str+="<br> \n";
str+="<textarea style='width:480px;height:120px;' readonly onclick='this.select();'></textarea> \n";
str+="<div style='margin-top:5px;'></div> \n";
str+="</div> \n";
document.write(str);
})();
|
|
|
|
