QPONのモノクロ高画質写真スライドショー
(全ブラウザ対応)







岐阜のfumikoさん撮影

  • 各写真をクリックまたはタップすると高画質写真が見られます、
  • 高画質写真をクリックまたはタップすると閉じるます。
  • 高画質写真を右クリックまたはフリックすると「次へ」移動します。


  • 公開ソース



    <html>
    <head>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge;">
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>QPONの高画質写真展示ツール(Ver4)</title> <script type="text/javascript">
    <!--
    
    //初期設定
    dt=new Array();dt[0]="";n=0;
    
    //写真を置く場所(別の場所に置くときはそのURL)
    ur="./";	
    
    //拡大ウインド
    kakudai=" ,#000000,1";// ,背景色,壁紙(以降省略可),,ダウンロード可否,,BGMファイル;
    //写真表示形式
    syasin=2;//(0=縦横100%/1=横100%(縦横比固定)/2=写真原寸)/3=タテ100%
    //サムネール(sw=0;sh=0; とするかgaku=4;とするとサムネールを省略。)
    sw=120;		//サムネールの横幅
    sh=80;		//サムネルの縦幅
    xn=5;		//サムネールの横に並べる枚数
    gaku=2;		//0=写真のみ/1=額縁入り/2=平面影/3=立体影/4=表示しない
    gaku_color="#666600,#aaaaaa,14,#ccccdd,1";
    	//影の色,文字色,文字の大きさ,台紙の色,表示色(0:カラー/1:白黒→カラー/2:モノ/3:カラー→白黒)
    
    //スライド切替タイプ
    wip=25	//25=白黒→カラー、26=モノクロ 27=カラー→白黒 28=カラー
    w_time="8,1";//スライド間隔(秒), ループ(0=エンドレス 1=1巡したら閉じる);
    
    
    //コメントの文字属性
    moji_size=24;   //コメントの文字サイズ
    moji_color="#aaaaaa";//コメントの文字色
    moji_bgcolor="#000000,0.5";//コメントの背景色,透明度(透明=0;半透明=0.1〜0.9:不透明=1)
    moji_align="right,30";
    	//コメントの表示位置,余白(中央="center" 左="left" 右="right" ,余白=横・下)
    
    
    
    //個別データベース(あなたのデータに書き換える)
    //     "サムネール ,原画 ,タイトル,コメント”
    // (サムネールファイル名を省略すると原画ファイルで兼用します)
    // (切替タイプ:25=白黒→カラー、26=モノクロ、 27=カラー→白黒 28=カラー/省略するとwipの設定を使います)
    
    n++;dt[n]=",01.jpg,トリ,トリ(白黒〜カラー),25";
    n++;dt[n]=",02.jpg,ネコ,ネコ(白黒〜カラー)";
    n++;dt[n]=",03.jpg,フクロウ,フクロウ(カラー),28";
    n++;dt[n]=",04.jpg,鵜,鵜(白黒〜カラー)";
    n++;dt[n]=",05.jpg,イヌ,イヌ(カラー〜白黒),27";
    n++;dt[n]=",06.jpg,ブタ,ブタ(白黒〜カラー)";
    n++;dt[n]=",07.jpg,ミノムシ,ミノムシ(モノクローム),26";
    n++;dt[n]=",08.jpg,キンギョ,キンギョ";
    n++;dt[n]=",09.jpg,カタツムリ,カタツ(白黒〜カラー)ム";
    n++;dt[n]=",10.jpg,キツネ,キツネ(白黒〜カラー)";
    //-->
    </script>
    
    </head> <body> <center> <font size="5">高画質写真展示ツール(Ver4)</font><br><br> <script type="text/javascript" src="https://qpon-toyota.com/java/quality/quality4.js" charset="shift_jis"> </script> <br> <input type=button value="スライドショー(自動)" onClick="at()"> <br> <select onChange="wip=this.value;"> <option value="">タイプ選択 <option value="25">白黒→カラー <option value="26">白黒スライド <option value="27">カラー→白黒 </select> </center> </body> </html>

    quality4.js を改造するときはここをクリックしてからダウンロードしてください


    Javascript作品集MENUに戻る