- 締切済み
javascriptでスライドするページの作成
attyonnの回答
- attyonn
- ベストアンサー率41% (10/24)
div要素をスライドさせればよいのではないでしょうか？ http://www.skuare.net/2011/06/javascriptdivjquery_slider2.html
関連するQ&A
- Javascriptを使用したスライドバナーについて教えてください
現在ECサイトを構築しておりまして、TOPページの一定の場所の中で画像が自動でスライド、もしくはフェードイン・アウトで切り替わるバナーを設置したいと思っています。 似たようなイメージのものを設置しているサイトさんのソースを覗いたりしているのですがJavascriptについて詳しくはないので導入や設定の方法が見出せず困っております。 各画像にはそれぞれ別のリンク先を設定したいのですが何か参考になるサイトや方法などございませんでしょうか？ 自動や手動で画像が切り替わるスライドショーなどは多数見つけたのですが、リンクの設定などに触れているものが見つからなかったのでこちらに投稿させていただきました。 あくまでもFLASHではなくJavascriptで行いたいので宜しくお願いいたします。
- ベストアンサー
- JavaScript
- スライドのJavaScriptを探しています。
このページのトップページのflashの様なスライドのJavaScriptを探しています。 http://www.mcube.jp/ 必要な条件は、３つあります。 ●メインの画像の左右にも画像が表示されていている（このサイトの様に半透明なら尚良し） ●スライドして切り替わる（このサイトの様に光ったりする余計なエフェクトは必要なし） ●下にサムネイルがついている これにとても近いスライド（Twilight Slideshow）は見つけたのですが、サムネイルがないため困っています。 上記の条件を満たすスライドのJavaScriptはありますでしょうか。 よろしくお願いします。
- ベストアンサー
- JavaScript
- ページの現在地による要素へのclassの追加
現在ホームページを作成しようとしていまして、HTML5で書かれているサイトを見て回っていましたら、東京大学TLOのサイト(http://www.casti.co.jp/)にたどり着きました。 このサイトでは、ページをスクロールすると、ページ左側のナビゲーションがページに同調して、表示されたセクションのリンクが選択された状態になります。 FirefoxのアドオンであるFirebugでソースを監視しながら見ていると、表示されているセクションをリンクしているli要素に、class="current"が追加されています。個人的には、javascriptか、それで記述されたJQueryで、表示領域の特定とclassの追加を行っていると思うのですが、ソースにそのような記述がありません。私がjavascriptやJQueryにあまり明るくないために見つけられないだけかもしれませんが。。。 面白い技術ですので、ぜひ理解し、できれば今後のHP作成に生かしたいと思うのですが、どなたか説明していただけないでしょうか？ よろしくお願いします。
- ベストアンサー
- CSS
- JavaScriptを使って縦に画像がスクロールするページを作りたいの
JavaScriptを使って縦に画像がスクロールするページを作りたいのですが、 (こんなかんじで動く)http://www.gmarwaha.com/jquery/jcarousellite/index.php 私はまだ勉強中で、テンプレートをダウンロードして少々いじって使う程度しかできません。 テンプレートで縦に動くものをみつけたのですが http://sorgalla.com/jcarousel/ 画像や全体の幅を広げようとまずCSSで調整したら、画像は大きくなったけど、 全部縦に画像がうまく並ばず、何枚も画像が表示されるはずなのに、1枚しか表示されなくなりました。 矢印ボタンを押してスクロールさせようとすると、 表示枠は長くしてあるのに、一番上の画像が別の画像に切り替わるという感じです。 言葉だけではうまく伝わらないとは思いますが。。 一番上に記載したURLのやつを縦バージョンにする方法など、 あったら教えていただけないでしょうか？ 他にも、縦にスクロールするJavascriptをご存知の方いらっしゃいましたら、教えていただけると助かります。 他力本願で大変お恥ずかしいのですが、どなたかうまく作れる方法がありましたらご協力お願いします！！
- 締切済み
- JavaScript
- これはJavaScriptでできるのでしょうか？
ホームページ内のメニューをスクロールバーの動きに 合わせて上下させたいのですが、JavaScriptでできるのでしょうか？ こちらのページの上記「商品案内」にあるようなものです。 ＞http://www.starlink.co.jp/ また設置方法に関して詳しく解説してあるページが ありましたら是非教えて頂きたいです。 よろしくお願い致します。
- ベストアンサー
- JavaScript
- ページトップへスクロール
webページをスクロールしていくと最後に「ページトップへ」のようなリンクがあって、クリックするとスクロールしてページトップでゆっくり止まるjavaを使用しているんですが、javaをオフにしているユーザーのために、同じリンクボタンで普通のアンカーでトップページに切り替わる（name属性を使った方法）のも併用したいのですがどうすれば良いのでしょうか。 リンク部分のソースはこれです。 <a href="javascript:pageup()">pagetop</a>
- ベストアンサー
- JavaScript
- JavaScriptで動的ページ作成
以下のようなことがJavaScriptで可能でししょうか？ できる場合、関数等のヒントをいただけないでしょうか。 index.htmlにおいてテーブルタグにてカレンダー表示させております。 任意の一日をクリックした場合にgazou.htm（画像を4つほど表示するページ） を動的に表示させたいのです。 2015月11月16日の場合、画像の名前のNov.16,2015-1.jpgからNov.16,2015-4.jpgの4つ画像 2008月12月20日の場合、画像の名前のDec.20,2008-1.jpgからDec.20,2008-4.jpgの4つ画像 というようにです。 そして表示されたgazou.htmには翌日、前日のリンクもつけたいと思っています。 どうぞよろしくお願いいたします。
- 締切済み
- JavaScript
- 同じページにJavaScriptは２つできないの？？
つたないHPを作っています。今は「何行かのテキストボックスの文字をスクロール」というJavaScriptを１つ使っています。 さらにもう１つJavaScriptを使用したいのですが、うまく作動してくれません。同じページに２つ使うことはできないのでしょうか？ 新しく使用したいのは、http://jun89.xdap.jp/でみつけたオリジナルJS素材の「ひながた用吹出し」の「画像の泡」というものです。ここのソースをコピーしてそのまま貼り付け、画像だけ変えました。この「ひながた用吹出し」はきちんと作動するのですが、「何行かのテキストボックスの文字をスクロール」が作動しません。 headの中に２つのJavaScriptを入れて、<body onLoad="star()""roll()">として、その後bodyの中に必要なものを入れています。この設定が間違っているのでしょうか？２つ同時に設定せずに、１つずつではきちんと作動しています。 PC初心者で、きちんとしたPC用語で説明できていないので、わかりづらいかと思いますが、よろしくお願いいたします。
- ベストアンサー
- JavaScript
- アップロードページの作成。
自宅にあるパソコンでファイルサーバーを構築したく、その途中で困りました。 トップページからリンクしてあるアップロードページ(下記画像を参照願います)にファイルを選択する際の参照ボタンと、それらをアップロードするアップロードボタンを配置しました。そこまではいいのですが、その参照ボタンを押すとファイルが選択できるダイアログを開く記述と指定したアップロード先にアップロードをする記述がわかりません。 htmlファイルは手書きではなく、ホームページZEROで作成しました。このソフトでは私がやろうとする機能がないように思い、こちらでお力を拝借したく投稿しました。このソフトにはそもそもそのような機能はないのでしょうか？ないようであれば、どのように記述すると可能になるでしょう。おわかりになられる方、どうぞお力添えをお願いいたします。 先日、同等の内容を投稿しましたが、画像がなぜか表示されていなかったので改めて投稿いたしました。仕事の都合上、すぐに返答できないかもしれませんが、補足が必要であればできるかぎり随時補足いたします。よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- ページの先頭へスクロールして戻るには
こんにちは。 HTMLでボディタグ直後に<a name=pagetop"></a>などとしておき、ページの下部において「ページの先頭へ」とか「ページトップ」とか「PAGETOP」とかというリンクを設け、そのリンクをクリックすればページの一番上に戻らせるというHTMLのみでできる方法がありますが、そうでなくて、これをスクロールさせながら戻らせるようにしたいんです。 例えば以下のホームページが実例としてあります。 「ページトップ」という文字をクリックすると上記のようになります。 http://www.yamaha.co.jp/siteusage/index.html もちろん、このサイトのやり方と同じでなくても構いません。よりスマートなソース・やり方で出来ればそれが一番と思います。 JavaScriptは初心者でお恥ずかしいですが、これはぜひとも出来るようになりたいです。頑張ります。 どなたかどうぞ教えてください！ 宜しくお願いいたします。
- 締切済み
- JavaScript