• ベストアンサー
  • 困ってます

画像をゆっくりと切り替える方法

ホームページを作成しているのですが、トップページの画像を何枚かの写真で切り替わるようにしたいと考えています。写真の切り替えは下記URL(1)のサイトなどで作成できますが、下記URL(2)のように切り替わるときにゆっくりと次の写真に切り替わるようにするにはどうすればいいのでしょうか? ご教授のほど、よろしくお願いします。 URL(1)「画像加工編集サイト」 http://www.bannerkoubou.com/ URL(2)「料理旅館 京家」 http://www.kyouya.co.jp/

共感・応援の気持ちを伝えよう!

  • 回答数1
  • 閲覧数391
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • 回答No.1

ソースを見ればすぐ分かると思いますがjqueryのshowcaseを使用しています。 <script src="./common/slide_js/jquery-1.4.2.min.js" type="text/javascript"> <script src="./common/slide_js/jquery.showcase.2.0.js" type="text/javascript"> など・・  <div id="slider" style="position: absolute;">   内のリンクをCSS3のopacityとz-inedを変化させています。  ウェブ開発でしたら、firefoxをお使いだと思いますが、firebugで確認できます。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

ORUKA1951 様 ご回答いただきまして、ありがとうございます。私は素人ですから詳しいことはわかりませんが、jqueryのshowcaseを検索して調べてみます。ありがとうございました。

関連するQ&A

  • 画像加工について。

    写真をパソコンで画像加工で編集したいのですが、人物を切り抜きして背景 だけを色々と変えて雰囲気を楽しみたいです。どうすればそのような事ができるのでしょうか?ソフトがあるのでしょうか?サイトがあるのでしょうか? 宜しくお願いします。

  • doc形式の文書に貼り付けた画像の加工方法は?

    jpeg形式で貼り付けた画像の上にイラストや文字を貼り付けたいのですが、やはりadobe pohtoshop elements3.0等の画像加工編集ソフトを使わないと無理でしょうか? もし、フリーソフトで画像加工編集ソフトをご存知でしたらURLを教えて下さい。 それからadobe pohtoshop elements3.0の体験版は印刷もできるのでしょうか? よろしくお願いします。

  • 画像加工で切抜き部分が透明処理される一番簡単な方法

    画像加工で、くりぬいた部分が、実際には透明になっていません。 例えばホームページ作成で、加工画面を貼り付けたとしても、くりぬき部分が白くなっているだけになってしまいます。 添付した画像も、写真の4つ角を、角丸処理をして、角を丸くして加工してみましたが、結局は角丸部分が白く塗りつぶされているだけの状態です。背景がまったく同じ白であれば、同化しますが、ホームページのように、背景がある場合は、そうはいきません。 この場合、くりぬき部分がホームページの背景を透過できるようにするには、どうするのが簡単にできるのでしょうか? 詳しい方がいましたら、よろしくお願いします。

  • 写真のような横長い画像の作成方法

    ホームーページの上部などに 横長い画像をよく見かけます。 その横長い写真のような画像の作成方法についてです。 説明がしずらいのですが、イメージしている画像が乗せてあった URLを記載させて頂きます。 http://www.civil.jp/ ←(背景が本当にデジカメなどで撮ったようなも空の写真で、しかも、それが横長い画像になっている) http://www.softkaihatsu.co.jp/ ←キーボードがうっすら入ったような写真が入ってあり、その上からいろんな加工をしているもの。 実際に写真をとって、横長くソフトで加工しているんでしょうか? それとも撮ったカメラがパノラマが作成できる写真なのでしょうか? こういうパノラマっぽい写真の横長画像の素材の作成サイトが 乗ってあるものがあればどこかいいサイトを教えていただけないでしょうか? よろしくお願いします。

  • 写真・画像加工について ベクター風

    趣味範囲で画像加工をしたいと思ったので質問させて頂きます。知恵をお貸し下さい。 写真を加工すると綺麗な模様に使用できたり、 以下の参考URLのように、写真だと分かりにくくなれば色々な素材にできると思ったのです。 http://jump.cx/G0k1F http://jump.cx/o393a この画像などは、percolatorというIphoneアプリで加工されたもので、 一目惚れしたのですが購入しようにもAndloidなので使用できずどうしようもありません。 こういったような加工は通常では不可能でしょうか? また、「VectorMagic」も似たような感じにベクター風に加工できると思うのですが、 なんとも、といった感じなのです。 似たようなこと、似通った方法、似通ったソフト、こういった海外写真加工サービスサイトなど、 なんでも良いので、紹介、お知恵をお貸し頂けたら幸いです。

  • 斜線やドットで書かれたような画像を作るには?

    こんばんは、はじめまして! 最近HPを作成しようとしていて画像などを自作しているため、いろいろのサイトを見て回っているのですが。 画像の上に斜線やドットのフィルムをかけて画像を加工しているものなどをよく見かけます。(分かりにくいですね^ ^;) 一応参考程度に画像加工をしているサイトののっけておきますが。 このように画像を加工するのはどのようにすればよいのでしょうか?? ご存知の方は教えてください>_< ※PhotoShopCSを購入予定ですので、それでできるようでしたらPhotoShopでのやり方でもかまいません!! http://sakura.ragheart.info/main.html http://ag5.net/~yuki891/

  • Macでホームページ用の画像編集したい

    Macで QHM という特殊なホームページ作成ソフトを 使いホームページを作っています。 ホームページ作成自体には問題はないのですが、 問題はホームページにアップする画像の編集作業です。 今まではインクスケープというフリーソフトを使って 画像を編集してホームページにアップしていました。 しかしこのインクスケープ、画像の複製作業をすると 必ずフリーズして強制終了します。 お菓子のホームページなので、何十個ものお菓子を ひとつひとつ加工するのは途方もない作業になってしまいます。 複製作業が出来ないのは致命傷です。 Gimpという画像加工ソフトも試しましたが、いまいち使いこなせません。 インクスケープはフリーズしなければ使いやすかったのですが、 これに変わる同じような操作性の画像編集ソフトはないでようか?  ホームページビルダーの付属ソフト ホームページエディターも 同じような操作性だったと思います。 どなたかお分かりになる方いらっしゃいましたら ご回答のほど宜しくお願い致します。

  • picasaって画像加工とかできるんですか?

    今、フォトショップのように画像加工ができるフリーソフトを探しています。 picasaってフォトショップのような画像加工はできるんでしょうか? http://www.ichi-hana.com/ にあるようなバナーとかを作りたいと思っています。 ご存知の方どうか教えてください。

  • ホームページで載せたい画像の処理の仕方なのですが

    ホームページ用に横長の写真を載せたいのですが、デジカメ(一眼レフ)で撮った画像で画像処理で横に伸ばすと画像自体も伸びてしまいますよね。(顔写真だと横長にデブになるみたいな) 僕のイメージでは下記サイトのトップページにある家の写真のように横長な感じの画像にしたいのですが、 http://www.atelier-m4.com/ どうしても今の知識の中でこのような写真にできません。 これは写真を撮る時点でワイドなどの設定などをしているのでしょうか? 初心者の質問で分かりにくいかもしれませんがどなたか分かる方いらっしゃいましたら教えてください。よろしくお願いします。

  • ホームページの画像の表示

    ホームページを作成して、転送してみました。一部の画像が表示されません。 どこが問題か教えていただけませんでしょうか? よろしくお願いします。 ※ホームページ作成ソフト「ホームページビルダV9」 ※転送ソフト「FFFTP] ※サイトの構成 「トップページを分割しており、フレームの方の画像だけが、表示されません」 ※URLは「http://www016.upp.so-net.ne.jp/MY-agent/」  ※ホームページを作成してあるファイルも画像も素材も全て同じフォルダ内に入っています。 ※ファイル名や拡張子などは問題ないと思います。(フォイル名は半角、空白はないなど・・・)