スポンサードリンク

Tag 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でset写真のスライドショーを表示させる方法(使い方)

自分のFlickrのsetのフォトギャラリーをブログに貼り付けようとしたら、「Share」のところから、フォトギャラリー「貼り付け用のソース」が入手できない。どこへ?

Flickr slide show

 

Read more »

LiveShare feed設定

Read more »

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

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

 

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

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

 

Read more »

パノラミオの写真を表示させるIfarmeのためにIFrame Embedder プラグイン

パノラミオ(panoramio)の写真を表示させるのは、Ifameが使えるので便利だが、ご存知の通りWordpressは、iframeと相性が悪い。
そこで役にたつのが、このプラグイン。

IFrame Embedder

これを使うとパノラミオのIfarmeも簡単に表示できる。
パノラミオの Widget APIのサンプルページからiframeタグをコピー。

<iframe
src=”http://www.panoramio.com/wapi/template/list.html?user=7&amp;width=150&
amp;height=400&amp;columns=2&amp;rows=5&amp;orientation=vertical&amp;bgcolor=black
frameborder=”0″ width=”150″ height=”400″ scrolling=”no” marginwidth=”0″ marginheight=”0″>
</iframe>

これを貼り付けても、編集中に化けてしまうので・・・・。上記赤文字部をコピペして、次のようにする。

[iframe http://www.panoramio.com/wapi/template/list.html?user=7&amp;width=150&amp;
height=400&amp;columns=2&amp;rows=5&amp;orientation=vertical&amp;bgcolor=black

100% 400]

そして、IFrame Embedderプラグインをインストールして、有効にすれば、次のとおり。

Read more »

パノラミオWeb API スライドショー

◆スライドショー貼り付けるアイフレーム(iframe)

<iframe
src=”http://www.panoramio.com/wapi/template/slideshow.html?user=7&amp;width=600&amp;height=400&amp;delay=1.5″
frameborder=”0″ width=”600″ height=”400″ scrolling=”no” marginwidth=”0″ marginheight=”0″>
</iframe>
◆スライドショー間隔(sec)
1.5secの場合
<iframe
src=”http://www.panoramio.com/wapi/template/slideshow.html?user=7&amp;width=600&amp;height=400&amp;delay=1.5
frameborder=”0″ width=”600″ height=”400″ scrolling=”no” marginwidth=”0″ marginheight=”0″>
</iframe>
◆表示させる写真のタグ

写真関連

flickr

 

Panoramio

 

LiveShare

 

360度写真

フォトブログ用Wordpressテーマ

  • Origami (作成者: SiteOrigin バージョン 1.4.10)


写真を拡大して表示させる

Flickr連携

 

スポンサードリンク