- 締切済み
複数の写真がマウスで左右に移動するスライドショー
fujillinの回答
- fujillin
- ベストアンサー率61% (1594/2576)
A No1、3です。 どなたかが回答なさるかと思っていたのですが… 移動のしかたが普通のスライドショーなどとは異なるので、サンプルはあまりないのではないかと思います。 考え方や方法もいろいろあると思いますので、雰囲気だけのサンプルです。 （あくまでもサンプルなので、細かなところはいい加減です） ・画像までを付けられないので、画像の部分は<div>で代用しています。 （HTMLによってはCSS等の調整が必要になります。） ・画面の幅の中央部80％の部分を画像枚数で分割し、マウス位置に対応する 画像を中央近くに表示するように移動させています。（端部の画像がある限り） ・hoverのイベント処理をmousemoveで兼用して拾っていますので、画像上にマウス を固定している時に画像移動の結果hover状態が変わっても反応しません。 （反応させるのなら、mouseoverなどでイベントを別に処理してください） ・移動する量に応じて、若干の速度調整を行なうようにしています。（easing） ・クリックした際の処理が不明なので、クリックには何も対応していません。 ・画面をリサイズしてもフォローできるはずですが、瞬時対応にはなっていません。 （リサイズイベントを監視してはいないので） （全角空白は半角に） …と思ったら文字数オーバーになってしまったので、次に続きます。
関連するQ&A
- JQueryでサムネ付スライドショークロスフェード
JQueryでクリックを使用せず、自動クロスフェードのサムネイル付きスライドショー&マウスオーバーでもクロスフェードで切り替わるようにするためにはどうすればよいでしょうか？ 更にはスライドショーにキャプションがつけられたら最高です。 スライドショーの幅はwidth: 354px; height: 280px;、サムネイルはその下に縦3つ、横3つの計9つ配置します。 スライドショーは自動フォロスフェードによるループ、またサムネイルをマウスオーバーでもその画像にクロスフェードイン、その際スライドショー内に表示されている&マウスオーバーされているサムネイルの画像は罫で仕切るか、半透明がクリアに表示されるといった処理を考えております。 恥ずかしながら調べても分からなかったので、皆さまの知識を拝借したく投稿させて頂きました。 恐れ入りますが、何卒ご助言下さいますよう、よろしくお願い致します。
- 締切済み
- JavaScript
- サムネイルスライドショーについて
サムネイルスライドショーについて http://myisland.jp/template/tips/gallery/gallery01/index.html 上記のサンプルコードを使用させていただこうかと思っておりますが 同一ページに複数設置して個別に稼働させる場合はどのように変更すれば良いでしょうか？ 初心者ですが何卒よろしくお願い致します。
- ベストアンサー
- JavaScript
- Flashのスライドショーについてご教授ください
Flashで困っています！わかる方ご教授お願いします。 タイムラインでスライドショー程度しか作ったことがないFlashど素人なんですが、需要があって四苦八苦しています。 内容はこちら↓ ・写真5枚、写真と連動したテキストのスライドショー（横または縦の動き） ・「次へ」などのボタンは不要 ・最後にstop();またはループ ・写真は季節ごとに差し替えの更新があるので外部から読み込める仕様 ・お客様でも写真を差し替えれば可能な状態 アクションスクリプトじゃなきゃできないのか、タイムラインだけで大丈夫なのか、部分的にスクリプトを書けば可能なのかお教えいただけませんでしょうか。 それか、今さらFlash？っていう人もいるかと思います。 jQueryとかでも実装が可能でしたらご教授いただければと思います。 お手数おかけしてすみませんが、よろしくお願いします。
- 締切済み
- Flash
- JavaScriptでスライドショー
Webページを作成しているのですが、JavaScriptで指定フォルダ内の画像をスライドショー形式で表示するコンテンツを盛り込みたいと思っております。 現在サンプルを探しているのですが、数はあれどもなかなかこれといったものが見つけられません。 そこで下記の要望に適したサンプルがあれば教えて頂きたいです。 ・画像のスライドショー機能（自動開始が望ましいです） ・指定フォルダ内の不特定多数の画像を読み込める（そこに画像を追加したら自動で反映される） ・画像のミニビュー？が横に表示される 以上です。重要なのは1個目と2個目です。 エフェクトなどはまったくこだわるつもりが無いので、シンプルなものでも大丈夫です。 近いものでもかまいませんので教えて頂きたく。 宜しくお願い致します。
- ベストアンサー
- JavaScript
- JavaScriptでスライドショー。サンプル
JavaScriptでスライドショー。サンプルありませんか JavaScript、もしくは(FLASHなどの)アドオンが必要ない何らかの手段でスライドショー的なモノを作りたいです。 例えばYahoo!ニュースの写真付きの記事 http://headlines.yahoo.co.jp/hl?a=20111101-00000010-rps-soci.view-000 真ん中に写真があり、左右にボタンが付いていて、押せば前や次に移動できる。 こういうヤツのサンプルがあれば紹介して下さい。 要件は以下です。 ・真ん中に写真があり、左右にボタンが付いていて、押せば前や次に移動できる。 ・写真をクリックするとURLにジャンプする。 ・できるだけスタイリッシュ。 ・無料 以下の機能があればなお嬉しいです。 ・自動的にスクロールする機能がある。 以上、宜しくお願いします。
- ベストアンサー
- JavaScript
- ホームページのスライドショーについて
http://www.jeanasis.jp/ 上記のホームページのように左右いっぱいにスライドするものを作りたいと思っております。 jQueryのライブラリーを探したのですが、みつからず、これはFlashで作っているものでしょうか？ ちなみにFlashはあまり得意ではないのですが、すぐに同じようなものを作らないといけないので困ってます。 サンプル等があればとてもありがたいのですが、どなたかおわかりになる方いらっしゃいますか？
- 締切済み
- JavaScript
- Flash5Jでスライドショー
Flashを使うのは初めてなので作り方の入門コースのWEBページを 教えて頂けませんか？ スライドショーを作りたいのでその作り方の解説や サンプルがあるとうれしいです。
- 締切済み
- グラフィックソフト
- メイン画像とサムネイル画像のスライドショー
サムネイル付きのスライドショーのJavaScriptを探しているのですが、サムネイル画像がメイン画像の上にくるスライドショーはありますか？ イメージを添付します。 http://black-flag.net/jquery/20111122-3597.html 上記のサイトとかでcssを使用してみたのですが、メイン画像の下にサムネイル画像がきてしまいます。 サムネイル画像をメインの画像の上にもっていくことはもしかしてできないのでしょうか。 よろしくお願いします。
- ベストアンサー
- JavaScript
- アンドロイドでも使えるスライドショー サンプル
こんにちは、 pc、アンドロイドでも使えるスライドショーのサンプルを探しています。 お勧めありますでしょうか？ http://www.agilecarousel.com/flavor_1.htm とかあったのですが、このコードだけでは動かなかったもので。
- ベストアンサー
- JavaScript
- ちょっと複雑なスライドショーについて
スライドショーの実装について解決出来ず、お教え頂ければと思い質問致しました。 具体的には http://www.primaham.co.jp/ こちらのページと全く同じ動きにしたいと思っています。（左右がぼやけている。中央は画像がアップになる等） JSファイルやcssをローカルにコピーして整理して、画像やファイル名のパスを修正してみたのですが動いてくれません。 実際にコードがあるのに何を馬鹿なことをとお思いでしょうが、これらを自分の環境で動かすにはどのように修正すればよいのでしょうか。 お教え頂ければ幸いです。宜しくお願い致します。
- 締切済み
- JavaScript