スライダーの縦幅が変えられない
| sakuya > スライダーの縦幅が変えられない @ 2013/12/31 1:01 |
|---|
|
こちらのフォーラムではいつもお世話になっております、ありがとうございます。
さて、現在logical.jpというテーマを使用させていただいてます。 そして先日スライダーの大きさの変え方をこちらでお尋ねしたところ、cssフォルダのhome.phpファイルに記述があるとのお答えをいただきました。早速サーバーにアクセスし、widthとheightなどの数値をいじったところ、横幅はすんなりと変わったのですが、縦幅がどうしても変わりません。自分なりにいろいろと試してみましたが、初心者では限界です。どなたか分かる方に教えていただきたいです。 以下は詳しい情報です。 HPを開いた状態でブラウザの更新ボタンを押すと、最初の読み込み中の時は、指定した大きさになるのですが、そのあと読み込みが終わると、ふっと大きくなってしまうというか、変更前の大きさになってしまうんです(縦幅のみ)。しかも、スライダーの画像自体は指定した大きさになってくれるのですが、外枠と左右(PrevとNext)ボタン?アイコン?が大きいサイズになっていて。だから画像の下に余白が空いている感じです。 また、ちょっと話が複雑なのですが、もう少し。以前スライダーの位置を変えているのですが、位置を変えたときに、副次的にスライダーの縦幅が伸びたんです。変えたのは位置だけのはずなのに。そしてそれ以降その縦幅を引きずっている感じです。ちなみに位置は、変更前はメニューのバーの上でしたが、それを下に動かしました。 テーマのフォルダを色々探ってみたところ、Mainvisualに関係する記述を、elementsフォルダのhomeとmainVisual、cssフォルダのhome, jsフォルダのhomeに発見しました。elementsには本当に少しだけなので、cssとjsだけこちらにアップします。何かどこかに不備がありますでしょうか。ちなみに横幅は700px(ちゃんと反映されてます)、縦幅は380pxにしたいです(現在は550pxほどになってしまっています)。 今現在、cssフォルダのhomeのメインビジュアル部分はこんな感じです /* mainVisual */ #mainVisual { position: relative; padding: 0.1em 0 0.1em; } #mainVisual #mvContainer { overflow: hidden; position: relative; width: 700px; height: 380px; margin: 0 auto; border-style: solid; border-color: #FFF; border-width: 0px; -webkit-box-shadow: 2px 3px 20px rgba(0,0,0,.3); -moz-box-shadow: 2px 3px 20px rgba(0,0,0,.3); -ms-box-shadow: 2px 3px 20px rgba(0,0,0,.3); -o-box-shadow: 2px 3px 20px rgba(0,0,0,.3); box-shadow: 2px 3px 20px rgba(0,0,0,.3); } #mainVisual .mvSlide { position: absolute; overflow: hidden; width: 700px; height: 380px; top: 0; left: -700px; z-index: 101; } #mainVisual #mvLoading { position: absolute; width: 48px; height: 48px; top: 50%; left: 50%; background: url(../images/base/loading_ico.gif) no-repeat 50% 50%; margin: -24px 0 0 -24px; z-index: 120; } #mainVisual .mvNav { position: absolute; width: 48px; height: 380px; top: 0; opacity: .5; cursor: pointer; } #mainVisual .mvNav .icon { position: absolute; overflow: hidden; width: 38px; height: 50px; top: 50%; left: 5px; margin-top: -25px; text-indent: -999px; opacity: 1; } #mainVisual #mvPrev { left: 0; z-index: 122; } #mainVisual #mvPrev .icon { background-position: 0 -100px; } #mainVisual #mvNext { right: 0; z-index: 123; } #mainVisual #mvNext .icon { background-position: -190px -100px; } /* contents */に続く。 以下はjsフォルダのhomeです。 /* ======================================= Home JS ========================================== */ (function($){ // start jquery $(window).resize(function() { resetHeight($('#Home #mainVisual')); }); $(window).load(function() { resetHeight($('#Home #mainVisual')); }); $(function(){ /* slideMenu ========================================== */ var Obj = $('#Home #mainVisual'); $('.mvSlide a', Obj).each(function(){ //hrefが「#」であればリンクを除去する var HREF = $(this).attr('href'); if(HREF == '#'){ $(this).replaceWith($(this).html()); } }); Obj.wsSlideMenu(); }); // end $(function var resetHeight = function(Obj) { var H = $('#mvContainer .mvSlide img', Obj).eq(0).height(); $('#mvContainer, .mvNav', Obj).height(H); } })(jQuery); // end jquery ものすごい長文で恐縮です。どなたかにアドバイスいただければ大変助かります。 よろしくお願いいたします。 |
| albireo > Re: スライダーの縦幅が変えられない @ 2014/2/3 13:08 |
|---|
|
スレ主です。サーバーを変更したところ、解決しました。
お騒がせしました、ありがとうございました。 |


