- 締切済み
写真のスライドショーについて
スライド写真が上手く表示されず、困っています。 下記サイトのサンプルソースをカスタマイズしているのですが、上のマージンがどんどんずれていきます。 html、 css、 javascriptでできているのですが、当方javascriptの知識は無く、ここに関しては手をつけていません。 cssをカスタマイズしているという状態なのですが、javascriptも修正する必要がある場合、どこの部分が影響しているのか、ご相談にのっていただける方、よろしくお願いします。 ・サンプルサイト http://www.skuare.net/test/jslideView.html ・問題の写真 http://staceysurfboardsjapan.com/test/
- nicolebmw
- お礼率0% (0/1)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- yyr446
- ベストアンサー率65% (870/1330)
上のマージンがどんどんずれていき ＝＞再現しないです。特定のブラウザーだけですか？
関連するQ&A
- 画像の自動スライドと任意スライド
下記ページのように、自動で画像がスライドし、両サイドのアイコンでもスライドを任意で行えるようなものを作りたいのですが、作り方やコードが載っているようなサイトはないでしょうか。 http://www.rakuten.ne.jp/gold/teresa/scroll-items.html 画像にはそれぞれリンクが必須です。上記ページのように画像にマウスを合わせると上のテキストも切り替わるというような＋アルファ要素は別になくても構いません。（あれば尚よし） 自分はhtml と cssの知識はありますが、JavaScript の知識はなく、上記サイトのコードを見ただけでは自分でカスタマイズができないので・・・ 教えていただきたいです＞＜
- ベストアンサー
- JavaScript
- jQueryスライダーをトップページに配置したい
サイトのトップページに、javascriptのスライドショーを配置したいと思っています。 （イメージはこんなスライドです） http://sandbox.scriptiny.com/tinyslider2/ WEBデザインもまだ勉強中でプログラム領域の知識は全くないため、 サンプルコードを公開しているサイトさんでお借りしようと思っています。 例の通りにcssやjsをリンクさせ、スライド自体は上手く行っているのですがレイアウトがうまくいきません。 （中途半端にスライドしたり、画像送りのボタンが表示されなかったり） 問題点として、サンプルのcssの記述と、もともとのサイトのcssがぶつかってしまう（？）ことがあります。 どのサンプルもcssで margin:0;padding:0; がbodyもしくはアスタリスク（*）で全要素に指定されており、 これが元のトップページのcssレイアウトに影響してしまいます。 こういう場合、cssの処理はどうするのが適正でしょうか。 素人のため分かりにくい文章になってしまっておりますが、その際はご指摘いただけましたら幸いです。 宜しくお願いいたします。
- ベストアンサー
- CSS
- JavaScriptでスライドショー。サンプル
JavaScriptでスライドショー。サンプルありませんか JavaScript、もしくは(FLASHなどの)アドオンが必要ない何らかの手段でスライドショー的なモノを作りたいです。 例えばYahoo!ニュースの写真付きの記事 http://headlines.yahoo.co.jp/hl?a=20111101-00000010-rps-soci.view-000 真ん中に写真があり、左右にボタンが付いていて、押せば前や次に移動できる。 こういうヤツのサンプルがあれば紹介して下さい。 要件は以下です。 ・真ん中に写真があり、左右にボタンが付いていて、押せば前や次に移動できる。 ・写真をクリックするとURLにジャンプする。 ・できるだけスタイリッシュ。 ・無料 以下の機能があればなお嬉しいです。 ・自動的にスクロールする機能がある。 以上、宜しくお願いします。
- ベストアンサー
- JavaScript
- フェードスライドショーを設置したい
JavaScript 初心者。 既存のホームページにスライドショーを設置したく勉強中です。 希望するスライドショートしては ・既存のページの中に設置。 ・ページを開けば自動で始まり（開始等ボタンなしで）ループする。 ・画像の切り替えがゆったりしたもの。 まずは設置してみようとサンプル等探した中 下記が希望したものに一番近く自分のホームページでも動かせたのですが http://miyakekobo.fc2web.com/photo_parts/cp_01.html フェードスライドショーに編集できますか？ もし出来るなら、よろしければソースを教えていただけますか。 記述していただけるなら 許す限りの解説もしていただければありがたいのですが・・・ あつかましいお願いですがよろしくご教授ください。
- ベストアンサー
- JavaScript
- 複数の写真がマウスで左右に移動するスライドショー
初めて質問させて頂きます！ 自力でどうしても見つけることができませんでしたので、 コード等に詳しい方に是非教えて頂きたいです。。。！ http://www.flandre.ne.jp/30th/ こちらのサイトのように、写真のサムネイルが横に並んでおり、 マウスの動きに連動して左右に動いて、 マウスオーバーで画像が変わるようなスライドショーを Flash以外（Javascript等）で作りたいと思っております。 このような動きのサンプルのURLやコードのページがあれば 是非教えて頂けませんでしょうか・・・！ 何卒よろしくお願いいたします。。！！！
- 締切済み
- JavaScript
- JQueryで画像のスライドをおこないたいのですが
下記サイトの様に画像をスライドさせ、一定時間止めて、またスライドさせたいと思っています。 http://www.toyo-planning.co.jp/ 上記サイトはFLASHでおこなっていますが、JQueryでおこなえないでしょうか？ サンプル集などを拝見したのですが、見つからず、カスタマイズして自分で作れるほどの、 知識や技術もございません。 是非ご教示頂けますと幸いです。
- 締切済み
- JavaScript
- JavaScriptでシンプルなスライドショー
よろしくお願いいします！ JavaScriptを使って、とてもとてもシンプルなスライドショー（フォトアルバム）を作りたいのですが、 見つかるのはフェードインだったりアニメーションのようにズレたりと、希望のサンプルが見つけられませんでした。。。 下記のリンク先ようなボタンクリックで単純に写真が変わる、フォトアルバムを作りたいです。 http://www.mina-perhonen.jp/show/0809aw/index.html 流したい画像をフォルダにまとめておいて、 ボタンクリックでそれらを呼び出す。 最後の写真までいったら、ストップで、NEXTボタンガ消える。 写真の基準点はリンク先の用に右上になれば、よりうれしいです。 どなたか作り方や、似たようなサンプルを配布してくださっている方をご存じなら教えてください！！ 何卒よろしくお願いいたします！
- 締切済み
- JavaScript
- 背景色と連動するスライドショープラグイン
お世話になります。 スライドの画像が変わるたびに背景色も変わるタイプのスライドショープラグインを探しています。 サンプルとして http://elegantthemes.com/preview/eStore/ こちらのサイトの様な感じにしたいと思っています。 中央部分がスライドショーになっており両サイドが背景となっているようです。 ソースを見てみるとslideというクラスがついた要素全体をスライドするようです。 画像だけでなく文字や背景も変わっています。 ようはインラインコンテンツそのものをスライドするタイプのものであれば良いのかなと思います。 lightboxのようなイメージギャラリーですとインラインコンテンツを表示するタイプのものがありますが、単純にフェードインアウトするスライドショーでインラインコンテンツをスライドさせるものは無いでしょうか？ もしくは簡単なjQueryで出来そうならご教授願いたいと思います。
- ベストアンサー
- JavaScript
- スライドショーの作成方法が分かりません。
まったくのHP作成初心者です。 とりあえず、Macromedia Dreamweaverにて作成してますが、画像のスライドショーの作成方法が分かりません。 操作方法、もしくはソースのどこにどんな感じで書けば良いか、参考サイト等教えて下さい。 合わせて、JavaScriptを使用しなくても良い方法があれば教えてください。
- ベストアンサー
- ホームページ作成ソフト
- （JQuery）自動でスライドさせるには・・・。
JQuery初心者ですが、サンプルをカスタマイズしてナビゲーションを自動で巡回させたいのですが 色々試してみたり調べたのですが全くもってわかりません・・・。 下記ＵＲＬがサンプルで元からある機能は変えずに 操作していない時はナビゲーションと連動して一枚一枚写真が自動でスライドしている 状態にしたいのですが、お分かりになる方ご指導いただければありがたいです・・・！ http://landofcoder.com/demo/jquery/lofslidernews/index5.html
- ベストアンサー
- JavaScript
