1

SlideJS をフルスクリーンで動作させようとして失敗しました...何をしても周りに空白があるようで、収まりません。

背景が 5 秒ごとに次のページ/スライド (「Welcome to my site.」などのテキストを含むブロックの色) にスライドするように、完全な背景を SlideJS のスライダーのようにする必要があります。ブロックの背景色が異なり、「私の名前は何とか何とか」と表示され、各スライドに異なるアイコンが表示される場合があります)。

Superslides などのプラグインを使用する場合、各スライド コンテナーに配置したすべての画像を背景画像として設定しているようです。各スライドを変更する背景のブロック色のみが必要です。背景としての画像ではありません。

そのため、スライド内に画像を表示できるフルページ/スクリーンのスライド背景を取得する必要があります (「位置: 絶対; ...」に設定されていないスーパースライドとは異なります)。

4

1 に答える 1

3

私は同様の状況に遭遇しました。

これは私がそれを修正するためにしたことです。

ソース (231 行目あたり) でこの関数を探し、幅と高さの変数を $(window).width(); に変更します。および .height(); :

Plugin.prototype.update = function() {
  var $element, height, width;
  $element = $(this.element);
  this.data = $.data(this);
  $(".slidesjs-control", $element).children(":not(:eq(" + this.data.current + "))").css({
    display: "none",
    left: 0,
    zIndex: 0
  });
  width = $(window).width();
  height = $(window).height();
  return $(".slidesjs-control, .slidesjs-container", $element).css({
    width: width,
    height: height
  });
};
于 2013-05-15T18:25:53.333 に答える