画像の一部分をスクロールして表示する方法
初めて質問させていただきます。
一枚の画像の一部分を表示させ、画像をスクロールさせる→次の画像へ移る
という見せ方をしたいと思っています。
参考サイト:http://www.kmad.jp/index.html
ここのトップページのような形が出来たらと思っています。
HTMLとCSSには少し慣れてきたのですが、JavaScriptは初心者で全く分からない状態です。
もしJavaScript以外の方法でいいやり方があれば、そちらも教えていただけるとありがたいです。
すみませんが、詳しい方、宜しくお願いします。
No.1ベストアンサー
- 回答日時:
ご提示のサイトではjavascriptのライブラリを利用して実現しているようです。
jqueryを利用した、スライドショー用のCrossSlideというもの。
オリジナルサイトはこちら(↓)
http://www.gruppo4.com/~tobia/cross-slide.shtml
設置方法とか解説(日本語)はこのあたりに…
http://km33.net/2008/09/crossslide.html
http://blog.e-donatello.com/archives/2008/09/191 …
http://coliss.com/articles/build-websites/operat …
ちょっと違うけど、スライドショー用のライブラリの紹介サイト
http://design-develop.net/web-design/10-best-jqu …
他にも、ぐぐればいっぱい見つかると思います。
>もしJavaScript以外の方法でいいやり方があれば、そちらも教えていた
>だけるとありがたいです。
う~ん。 flashとかでしょうか?
素晴らしい回答ありがとうございます!調べても見つからなかったそのもののサイトでした!
CrossSlideというのですね…恥ずかしながら初めて知りました。
ご親切に解説サイトも載せていただき、英語のわからない私に御配慮いただき感謝です。
FLASHはこれまた未勉強なのと、イメージ的に重そうかな、と思ったのでJavaScriptでの導入を考えました。
fujillinさんのおかげで何とか頑張れそうです。本当にありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- その他(プログラミング・Web制作) ホームページビルダー16で画像を保存したら画像がトップページ上に沢山出てきてしまいます 1 2022/12/06 14:50
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- WordPress(ワードプレス) WordpressでYouTubeの埋め込みができない。 1 2022/10/26 01:08
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- Yahoo!メール Aliexpressから送られてくる画像メールの画像が表示されない 1 2022/05/30 09:10
- HTML・CSS HTMLのフォームについてお尋ねします 1 2022/12/03 21:47
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リストビューをスクロールさせ...
-
Excelでワードアートや図を常に...
-
エクセルVBAでフォームのListbo...
-
画像のようにとあるサイトの横...
-
C#:ListViewでのスクロールイベ...
-
リストビューの水平スクロール...
-
Excelで一部分だけを常に表示さ...
-
PDFを(htmlのように)無限に縦...
-
新着情報などをスクロールしな...
-
リストビューの表示開始行変更
-
ページ訪問時にiframe内を自動...
-
大きい表へのスクロールバーの...
-
常に画像の大きさを横幅100%で...
-
マウスオーバー→ホイール回転で...
-
リストビューのスクロールバー...
-
前のページに戻るとスクロール...
-
Visual Basicから Spreadのスク...
-
Excelで1.2行目だけ固定して...
-
デジタル時計の時刻合わせの方...
-
マイページはどこを開くの
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Excelでワードアートや図を常に...
-
エクセルVBAでフォームのListbo...
-
PDFを(htmlのように)無限に縦...
-
リストビューをスクロールさせ...
-
Excelで一部分だけを常に表示さ...
-
Excelで1.2行目だけ固定して...
-
Visual Basicから Spreadのスク...
-
大きい表へのスクロールバーの...
-
VBE画面の縦のスクロールバ...
-
vb,netでtextboxの文字を右から...
-
リストビューのスクロールバー...
-
リストビューの表示開始行変更
-
ページ訪問時にiframe内を自動...
-
IFRAMEでscrolling="yes|no"の...
-
文章の自動スクロール
-
ポストバック時のスクロール位...
-
C#:ListViewでのスクロールイベ...
-
常に画像の大きさを横幅100%で...
-
マウスオーバー→ホイール回転で...
-
webページで横方向にアンカーを...
おすすめ情報