忍者ブログ
手探りでパソコンの事を勉強するブログです。 何か覚えたら記録していきます。
2018 . 06
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  •   

    [PR]



    このエントリーをはてなブックマークに追加
    ×

    [PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

    ブログに画像ポップアップScriptのlightboxを導入してみる



    このエントリーをはてなブックマークに追加
    以前から導入は考えていたが、面倒でやってなかったlightbox。
    いい加減、手を付けることにした。

    スクリプトファイルをダウンロード
    http://lokeshdhakar.com/projects/lightbox2/

    今回ダウンロードしたのは「lightboxlightbox-2.7.1」というものだった。
    lightboxの導入方法は色々なサイトに載っているが、旧バージョンの場合が多く指定されたファイルが無かったりしてあまり参考にならなかった。

    スクリプトでファイル同士のリンク等考えられるので、なるべくディレクトリを変えずにアップロードすることにした。

    とりあえずlightbox-2.7.1.zipを展開してlightboxフォルダの中身をそのまま自分のレンタルサーバーへアップロード。
    明らかに消しても問題無いと思うindex.htmlやそのページで使われているサンプル画像等は削除。

    lightboxを導入したいWEBサイトの<head></head>内に以下のコードを入力。


    <script src="自分のURL/lightbox/js/lightbox.js" type="text/javascript"></script>
    <script src="自分のURL/lightbox/js/lightbox.min.js"></script>
    <script src="自分のURL/lightbox/js/jquery-1.11.0.min.js"></script>

    赤字の部分は分かりやすくhttpから始まるフルパスでやりました。
    外部リンクでもOKっぽいです。
    PR

    YouTubeのチャンネル共有 新しいチャンネルをwebページに埋め込む方法



    このエントリーをはてなブックマークに追加
    YouTube動画を埋め込む方法は簡単なんですが、チャンネルごとwebページに埋め込む方法って検索しても中々出てこないんですよね。
    参考ページhttp://goo.gl/romgS


    埋め込みコードは以下の通りで、YourChannelNameの部分を表示したいアカウント名に変更するだけです。

    <script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&amp;up_channel=YourChannelName&amp;synd=open&amp;w=320&amp;h=390&amp;title=&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>


    例えば宇多田ヒカルのチャンネルを貼りつけた場合は以下のように表示されます。

    右クリック禁止を解除するjavascript



    このエントリーをはてなブックマークに追加
    javascriptで右クリック禁止にしているサイト(ページ)で右クリックを使えるようにするscriptです。

    下記のjavascriptをアドレスバーにコピペしてエンターキーを押すだけです。

    ソース

    ※著作権のあるものに使用すると不正アクセスと判断される可能性があります。
    悪用しないようにお願いします。
    HOME
    ©パソコン手探り all rights reserved.
    Powered by ニンジャブログ  Designed by ピンキー・ローン・ピッグ
    忍者ブログ / [PR]