てぃーだブログ › web工房 やんばる堂 › スライドショーエディタバージョンアップメモ
【スライドショーエディタVer.10_23】クロスブラウザスライドショー(スマホ対応)】 【サイトマップ
【ソースを自分のブログにコピペ投稿】 【カスタムプラグイン編集】

2011年08月04日

EDIT

スライドショーエディタバージョンアップメモ

 この記事は、スライドショーエディタをバージョンアップする目的で、開発手順や アイデア 思いつきなどをメモしたものです。 タイトルか、下記リンクをクリックして、個別記事を表示すると実験に参加できます。
web工房 やんばる堂:スライドショーエディタバージョンアップメモ
◆開発手順
最初に、クリップボードから画像URL一覧をアルバムに変換表示する処理を、 先にテストする。 次に、画像URL一覧を、次の各パターンから、取り出して、 クリップボードにコピーする処理をテスト。 両方組み合わせて、アルバム表示部分を完成させる。 スライドショー機能などは、そのあとから追加していくことにする。 今回はクリップボードから画像URL一覧をアルバムに追加表示する実験に成功したので、 その他の実験は、次回に。
◆クリップボードの画像URL一覧をアルバムに追加表示する
横表示数
★テスト用画像URL一覧
URLをコピーして「アルバム追加」ボタンをクリック

//img02.ti-da.net/usr/delshanon/g-yasi4.gif //img02.ti-da.net/usr/delshanon/711.jpg
★画像URL一覧を記事のコメントから取り出してコピーする
●AJAXで読み込み>コメント部分をコピー>画像一覧取り出し>コピー>アルバム表示。 記事タイトルとURLを、セレクトボックスにセットする。自サイト記事に限る。
●手作業でコメントコピー>画像一覧取り出し>コピー>アルバム表示。 記事タイトルとURLを、セレクトボックスにセットする。 自サイト他サイトどちらもOK。 セレクトボックスに登録されてないサイトはURLを入力する
記事のコメント部分へリンクし、iframeに表示(手作業でコメントをコピー)
★画像URL一覧を記事のimg タグ一覧から取り出してコピーする
●AJAXで読み込みソースコピー>画像一覧取り出し>コピー>アルバム表示。 記事タイトルとURLを、セレクトボックスにセットする。自サイト記事に限る
web工房やんばる堂の記事
●手作業でソースコピー>画像一覧取り出し>コピー>アルバム表示。 記事タイトルとURLを、セレクトボックスにセットする。 セレクトボックスに登録されてないサイトはURLを入力する
やんばる堂以外の記事
その記事へリンクし、iframeに表示(手作業でソースをコピー)
★画像URL一覧をデフォルトアルバムデータから取り出してコピーする
●クリップボードの内容に、画像URLが含まれない場合に、デフォルトデータを取り出してコピーする
★アルバム表示
クリップボードの画像URL一覧を画像タグに変換して横表示数に合わせて 幅 高さを自動設定し、折り返し表示する
   

★関連記事

  • web工房 やんばる堂:AJAXについて パート2
  • ★Aリンク aaa ★Aリンクボタン aaa ★ボタンリンク ★テキストBOX ★ソース表示エリア
    
    

    ソース表示する場合は

    HTMLタグをソース表示する場合は、タグ記号を < >(&は小文字) などに変換する必要がある。
    ソース表示エリアは背景をSILVERにする
    HTMLタグを ソース表示の記号変換すると 
    <a href=#top>トップへ</a> タグ記号が表示される。
    変換してないと トップへ HTML本来の機能が実行される
    




    Posted by ひでぼ@やんばる堂 at 23:47│Comments(1)
    この記事へのコメント
    【アルバム】
    //img02.ti-da.net/usr/delshanon/711.jpg
    Posted by ひでぼひでぼ at 2011年08月06日 07:46
     
    <ご注意>
    書き込まれた内容は公開され、ブログの持ち主だけが削除できます。

    topへ戻る