javascript - ResponsiveSlides 画像の幅がページ全体を占めるようにするにはどうすればよいですか?

Question

次のように、画像の幅がページ全体を占めるようにしたい:

http://i1240.photobucket.com/albums/gg491/Nerio_Navea/Screenshots/GoogleChrome2014-12-30220149_zps99e94bc2.png

しかし、私はこれのためのプロパティを見つけることができません.

Jquery は初めて使用しますが、Javascript は理解しています

誰かこれを手伝ってください

私はStackOverflowの初心者です

私の英語でごめんなさい;D

Answer 1

何が欲しいのか正確にはわかりませんが、画像を に挿入するdivかfloat、画像を通常の余白から出すことができます。

これがあなたが試すことができるものです（インラインCSSを使用）：

<image src = " " style = "position: absolute; left:10; top: 100;">

左と上の座標をそれぞれの場所に書き込んで、画像を配置する正確な場所を指定するだけです。これはあなたの質問を読んだ後に私が得たものです。

そして、このようにして、画像がページ全体を占めるようにすることもできます.

Answer 2

レスポンシブ スライドショーを作成しようとしている場合は、これが役立つかもしれません。これは、Javascript/HTML を使用してスライダーにスライドショーを含める例です。

1. Javascript コード

<!-- it works the same with all jquery version from 1.x to 2.x -->
<script src="jquery.min.js"></script>
<script src="jssor.slider.mini.js"></script>
<script>
    jQuery(document).ready(function ($) {
        //Define an array of slideshow transition code
        var _SlideshowTransitions = [
        { code1 },
        { code2 },
        { code3 }
        ];
        var options = {
            $AutoPlay: true,
            $SlideshowOptions: {
                    $Class: $JssorSlideshowRunner$,
                    $Transitions: _SlideshowTransitions,
                    $TransitionsOrder: 1,
                    $ShowLink: true
                }
        };
        var jssor_slider1 = new $JssorSlider$('slider1_container', options);
    });
</script>

2. HTMLコード

<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 600px; height: 300px;">
    <!-- Slides Container -->
    <div u="slides" style="cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 600px; height: 300px;">
        <div><img u="image" src="image1.jpg" /></div>
        <div><img u="image" src="image2.jpg" /></div>
    </div>
</div>