このサイトhttp://www.parisgaa.org/parisgaelsを設計中ですが、問題があります。
ホームページの画像スライダーがめちゃくちゃになることがあります。ほとんどの場合、動作して正常に見えますが、それ以外の場合は、位置が乱れているように見え、その下にあるはずのコンテンツの下に表示されます(つまり、コンテンツが画像と重なっています)。これをChromeで複製できるはずです。数回更新するだけです。
助けていただければ幸いです。
このサイトhttp://www.parisgaa.org/parisgaelsを設計中ですが、問題があります。
ホームページの画像スライダーがめちゃくちゃになることがあります。ほとんどの場合、動作して正常に見えますが、それ以外の場合は、位置が乱れているように見え、その下にあるはずのコンテンツの下に表示されます(つまり、コンテンツが画像と重なっています)。これをChromeで複製できるはずです。数回更新するだけです。
助けていただければ幸いです。
スライダーファイルの行を編集する必要があります
js/slider.js
.wrap('<div class="bx-window" style="width:'+childrenMaxWidth+'px; height:'+wrapperHeight+'px; position:relative; overflow:hidden;"></div>')
.css({
height: '999999px',
position: 'relative',
top: '-'+(origTop)+'px'
});
彼の中であなたはあなたのイメージのために働く高さを定義する必要があるでしょう
.wrap('<div class="bx-window" style="width:'+childrenMaxWidth+'px; height:400px; position:relative; overflow:hidden;"></div>')
.css({
height: '999999px',
position: 'relative',
top: '-'+(origTop)+'px'
});
問題は、実装ではなく、使用しているスクリプトです。別のスクリプトを使用してみることができますが、うまくいけば、この調整でうまくいくでしょう!
画像スライダーの位置を相対的なものにしてみてください。
style = "position:relative;"
画像スライダーに使用しているjQueryプラグインに問題があるようです。要素の高さが.bx-window
何らかの理由で正しく評価されていません(私にとっては、420pxではなく20-30pxの球場にあります)。私は別のスライダーを試してみましたが(そこにはたくさんのjQuery画像スライダーがあります。グーグルで検索してください)、それがオプションでない場合は、コードで自分で修正するのはおそらくかなり簡単でしょう。幸運を!