ホームページを作成しているのですが、トップページの画像を何枚かの写真で切り替わるようにしたいと考えています。写真の切り替えは下記URL(1)のサイトなどで作成できますが、下記URL(2)のように切り替わるときにゆっくりと次の写真に切り替わるようにするにはどうすればいいのでしょうか?
ご教授のほど、よろしくお願いします。
URL(1)「画像加工編集サイト」 http://www.bannerkoubou.com/
URL(2)「料理旅館 京家」 http://www.kyouya.co.jp/
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が見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- プリンタ・スキャナー 「用紙が違う」メッセージが頻発 4 2022/08/22 08:30
- 写真・ビデオ 写真や動画を保存する、これらを満たしたサービスはありませんか。 ・iOS, Android, Mac 2 2023/07/30 18:35
- VR・AR YoutubeでVRゴーグル用の切り替えボタンが表示されない? VRゴーグル(中にスマホを入れるタイ 3 2022/10/20 10:27
- その他(IT・Webサービス) midjourney ミッドジャーニーで、写真を元に画像を生成したいのですがやり方を教えていただけま 1 2023/04/08 22:31
- 一眼レフカメラ 設定を瞬時に切り替え 3 2022/09/27 19:58
- ビデオカメラ 観光スポットで撮影オンリーになって、観光を楽しんでいるのか?撮影ばかりしているのか?疑問ですが・・ 1 2023/01/03 14:26
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- YouTube YouTubeの動画。適正容量。 2 2023/03/19 08:39
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jqueryでのkeydownイベント発生...
-
マウスオーバー+クリカブルマッ...
-
jqueryを2つ設置した事で片方...
-
jsファイルで配列を定義し、j...
-
外部JSファイルで値を受け取る方法
-
jQueryの基本的なことについて...
-
bxslider、画像が3枚以上になる...
-
CKeditorについて
-
lightbox2 表示の不具合
-
ワードプレスでjQuery 右から飛...
-
あなたのXAMPPのdashboard内のj...
-
HTMLでサブフレームから親のス...
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
javascriptファイルは1つに統...
-
JavaScriptでiframeの内容を「...
-
JavascriptとJqueryを混在し記述
-
ブラウザの「戻る」ボタンを押...
-
ウィンドウ名の設定
-
他のフレームのスクリプトを実...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
複数のjavascriptを使うと動か...
-
jqueryでのkeydownイベント発生...
-
Jqueryの干渉について
-
Base64に変換したHTMLの<script...
-
プラグイン無しでContactform7...
-
jQuery-datepicker on IE8
-
サイトにアクセスした際、数秒...
-
jQueryでloadした要素の操作が...
-
javaスクリプトについて質問で...
-
jqueryについて(Lightboxとbxs...
-
jQuery が動作しません。
-
jQuery UIのdraggableについて
-
scrollsmoothly.jsが動かない
-
jQueryのタブにスクロールバー...
-
画像をランダムにフェードイン
-
音楽再生用jQueryプラグイン「j...
-
colorboxの直接呼び出し方法に...
-
jQueryのdraggable縦書き出来ま...
-
Camera slideshowの使い方について
おすすめ情報