■ユーザーズフォーラム リニューアルのお知らせ
新規投稿は新ユーザーズフォーラムにお願いします。
このフォーラムは閲覧専用のアーカイブです。

スライダーの縦幅が変えられない

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
スレ主です。サーバーを変更したところ、解決しました。
お騒がせしました、ありがとうございました。