パワーポイントに貼り付けた1枚の大きな画像を上から下へゆっくりと表示させたい パワーポイントに大きな一枚の画像を貼り付けて上から下へゆっくりと表示させたいのですが、どういった方法があるでしょうか? スライド2枚分の画像を、ゆっくり上から下へスクロールさせながら表示をさせたいと思っています。 かなりわかりにくい文章で申し訳ないですが、ぜひ教えていただきたいです。 よろしくお願いします。
CSSのpositionプロパティを使用して画像の上に文字列を重ねて表示する方法を示します。おまけとしてアニメーション機能を使用して文字列をスクロールさせます。重ねることにより文字の内容や位置の変更にも早く対応できて良いですね。 1.画像の上に文字列を表示する CSSの設定は、画像は「position:relative;」にして、文字列は「position: absolute;」とします。文字列はtop、bottom、left、right等を使用して位置を調整します。 サンプルでは写真の下の方に文字列を表示します。文字列のバックグランドに半透明の黒い帯を表示させます。 HTMLのサンプルソース <div class="photo"> <img src="image.jpg" /> <p class="text">きれいな風景を見て、ちょっと一息</p> </div> CSSのサンプルソース
[WinRT/Metro] C# で、WebView コントロールの JavaScript と相互作用する方法 Windows 8 Store apps Advent Calendar の 19日目の記事です*1。 前日: @tanaka_733 さんの「Windows Stroe App での検索コントラクトの追加」 翌日: @Fujiwo さんの「[Windows 8][Windows ストア アプリ][C#] ポータブル クラス ライブラリに関する検証」 ※ *1 ウソです、 ホントは 22日に書いています:-p ◆ WebView コントロールって? ここで扱うのは、 Windows ストア アプリ用の WebView です。 ・HTML が表示できます ・IE10 のエンジンを使った COM コンポーネントっぽいです …いじょ。(w meta タグで指定しても互換表示になってくれ
ライター内藤です。花粉、そして1pxと闘っているWebコーダーでもあります。 最近、立て続けに「上部固定グローバルナビゲーション」を使ったWebサイト構築に2件ほど携わりました。1件はWordPress、もう1件は手打ちの静的サイトです。改めて思ったのは「固定ナビゲーションには落とし穴がある」ということでした。 そこで、固定ナビゲーション設置に際して、私が個人的に体験した「落とし穴」と、その解決のためにやってみたことを4つほどご紹介したいと思います。 必ずしもこれが正解というわけではありませんが、同じようなことがあったときのお役に立てば幸いです。 …と、その前に。そもそも固定ナビゲーションとは何モノか、下図をご覧ください。 例としてFacebookを挙げてみました。上部に固定された青いバーの部分は、スクロールしても常に上部に固定されて消えません。 このようなナビゲーションは、一般的に下記の
iOS Safari(mobile Safari)には「ホーム画面に追加」機能があります。 「ホーム画面に追加」に追加したアイコンをタップして起動させた場合はmetaタグを追加でフルスクリーン表示が可能です。 描画エンジンはSafariの様なのですが通常(のSafari)とは違う表示が可能です。 ステータスバーもロケションバーもないアプリのようなフルスクリーン表示が可能です。 <meta name="viewport" content="width=device-width , initial-scale=1.0 , maximum-scale=1.0 , user-scalable=no"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-m
Inflickityは写真群の左右をつなげて無限に左右へスクロールできるようにするJavaScriptライブラリです。 写真は見せ方次第でインパクトが大きく変わりますが、10程度の写真をスムーズに見せる際に使えそうなのがInflickityです。 二つの帯が表示されています。 マウスでドラッグして左右に動かせます。 二つの帯は独立して動きます。 スマートフォンやタブレットの方が動きがスムーズです。 デモ動画です。動かした後に惰性が残ります。 Inflickityはリストでまとめた画像を横並べにして、その上で左右をつないでロールできるようにします。繋がっているので限界なく回転できます。お勧め写真を並べたりするのに使えそうです。何より猫が良いです。 InflickityはJavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。 MOONGIF
jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く