Question

我使用了轮盘赌，其中有几张图片是使用JavaScript随机选择的。我希望能够在页面底部显示有关这些图片的信息。我只需要有关当前图片的信息。我只设法使用滑块。我应该将图片存储在数据库中，然后根据图片显示它们吗？我不知道图像的细节。我是否还应该发布我的JS。下面是我的代码 `

<div class="container">
    <div class="page-header" style="">
        <h1>
            Roulette
        </h1>
    </div>

    <div class="row">
        <div class="span4">
            <div class="roulette_container">
                <div class="roulette">
                    <img src="1.jpg" />
                    <img src="2.jpg" />
                    <img src="3.jpg" />
                    <img src="4.jpg" />
                    <img src="5.jpg" />
                    <img src="6.jpg" />
                </div>
            </div>
            <div class="btn_container">
                <p>
                    <button class="btn btn-large btn-primary start"> START </button>
                    <button class="stop btn-large btn btn-warning"> STOP </button>
                </p>
            </div>

        </div>

    </div>
    <div class="row">
        <div class="span4">
            <div class="right_container">
                <p class="demo_label"></p>
                <div class="speed_value param_label">
                    <span class="param_name">speed :</span> <span class="speed_param"></span>
                </div>
                <div id="speed"> </div>

                <div class="duration_value param_label">
                    <span class="param_name"></span>time     : <span class="duration_param"></span> sec
                </div>
                <div id="duration"> </div>

                <div class="data_value param_label">
                    <span class="data_name"></span>Exercise : <span class="data_param"></span> 
                </div>
                <div id="data"> </div>
            </div>

        </div>

    </div>


</div>

<script>

` 我做到了

<script>
    function myFunction(arg1, arg2, arg3, arg4, arg5, arg6) {
        this.img1 = arg1;
        this.img2 = arg2;
        this.img2 = arg3;
        this.img2 = arg4;
        this.img2 = arg5;
        this.img2 = arg6;
    }

    var x = new myFunction("a", "b", "c", "d", "e", "f")
    if ( $('.roulette') = "img1.jpg") {
        document.getElementById("data").innerHTML = x.img1;

    }else{
            document.getElementById("data").innerHTML = x.img6;
    }
</script>

但我不知道如何调用当前图像。问题出在这里- if（$（'。roulette'）=“ img1.jpg”）{

Answer 1

$('.roulette') = "img1.jpg"不起作用，您无法设置轮到图像的来源。

您可以做的是隐藏所有图像开始，然后显示其中一幅。当前正在使用

// hide images
$('.roulette img').hide();

function showImage(src) {
    $('.roulette').children('img[src="' + src + '"]').show();
}

// show the first image
showImage('1.jpg');

无法显示图片中的数据

1 个答案: