スポンサードリンク

Category Archives: ホームページ作成

ブログやサイトにFlickrの写真スライドショーを簡単に表示させる方法(使い方)

Flickrの写真スライドショー

flickr本体にもスライドショーの機能があるのですが、なぜか「Oh No!  We couldn’t find anything」と表示されスライドショーが機能しない検索ワードがあります。 そこで見つけたのが、flickrにアップロードされている写真を手軽にブログやサイトに貼り付けることができるiframeタグを作成できるサイト。

Googleで「flickr スライドショー」で検索すると色々紹介されていますが、日本語に対応していなかったり、ユーザーネームを指定する必要があったりと使いにくいサイトもあります。そんな中でflickrのスライドショーを簡単に実現してくれたのが、次の2つのサイト。タグだけで、好みのflickr写真をスライドショーにできますので大変重宝します。(片方のサイトは使えなくなっています 2014年3月)

https://www.flickr.com/photos/

https://www.flickr.com/photos/waoxwao/sets/72157627780382976

Read more »

新しいFlickrのPhotostreamを従来と同じ表示画面にする方法

新しいFlickrのフォトストリームは使いにくい。表示も遅い。

それでは、昔と同じ、従来の画面表示にするには、Photostremの上部に表示されている「Edit」をクリックすれば、今までと同じ表示になる。

PhotostreamのURLの末尾に”/?details=1”を追加しても可能。

Read more »

リンクURLのテキストをクリックして、別のhtmlコンテンツウィンドウを開くためのHighslide JS

リンクURLのテキストをクリックしたら、写真や動画、HTMLコンテンツなどを別のウィンドウでポップアップ表示するのに便利なのが、Highslide JS。 WordPress用のHighslide JSプラグインをいくつか試したのですが、考えるような動作をしてくれませんでしたので、本家Highslide JSを使うことに。

scriptは、”Highslide JS“のサイトの左サイドバーにあるDownroadからZipファイルをダウンロードして、解凍後にFTPでアップロード。 多くのサンプルがありますので、自分好みにカスタマイズすれば宜しいかと。Add to Header等のプラグインを使えば、すべての記事で動作するようになりますね。

  Read more »

Flickr API keyの入手方法

wordpressでFlickrがらみのプラグインを導入しようとしたら「Flickr API key」の入力を促された。

個人の備忘録

 

http://www.flickr.com/services/apps/create/apply/

LiveShare feed設定

Read more »

JavaScriptを使ってPicLensをサイトやブログで実現!flickrの写真を表示させる方法

JavaScriptを使ってPicLensをサイトやブログに埋め込んでみる

 

ここでは、flickrにアップロードした自分の写真をPicLensのscriptを使ってブログやサイトに貼り付けてみます。

先ず参照先は、cooliris.comのJavaScriptのリファレンスページ

 

Read more »

javascript/undefinedが表示される。

作ったマップを走らせると「undefined」が表示される。やっかい。どこだ~。

変数を全てチェックしても問題なし。よくよくみたら、余計な変数を定義していました。

この余計な変数を削除したらundefinedが消えてうまく表示されました。

(メモ)

Googleマップ アイコンのimg画像リンクのボーダーライン線(border)を消したい

ふとブログに貼り付けたGoogle MapのアイコンをブラウザInternet Explorer見ていたら、border線が表示され、アイコンが一部欠けて消えている。このGoogle アイコンのimg画像リンクのボーダーライン線(border)を消す方法は?

ブラウザGoogleChromeだと表示されないボーダー線が、Internet Explorerだと消えないで表示されてしまう。画面左。

Read more »

ルート検索で最初からcheckbox(チェックボック)にチェックマークを付けて初期表示させるタグ checked=”checked”の指定

◆ Google Maps API v3 / 最初からcheckbox(チェックボック)にチェックマークを付けて初期表示させるタグ checked=”checked”の指定

Google maps API のルート検索で、ルート最適化(最短距離の最適化)、一般道優先(チェックすると高速を使わない。有料道路?は使う)、有料道路を避ける(チェックすると高速+有料道路を使わない)の選択が出来る。

チェックボックスに、地図が初期表示されたときからチェックマークを入れるには、checked=”checked”をInputのタグとして指定してやればOK。

<td><input type=”checkbox” id=”optimize” checked=”checked” />ルート最適化・・・・最短距離の最適化</td>

Read more »

全てのブラウザに対応したcssスタイルシートの透明、半透明の背景設定を記述する

◆ 全てのブラウザに対応したcssスタイルシートの透明、半透明の設定を記述する

通常のWeb画面では、あまり使用しないかも知れませんが、スマートフォンの画面は狭いので、背景(background-color)を透明、または半透明にするテクニックを覚えておくと良さそうです。

Read more »

1 / 3123

スポンサードリンク