javascript - Terdapat empat gambar pada halaman Apabila membelok halaman, saya ingin membetulkan gambar tertentu dan kemudian membalik halaman.

Question

Halamannya adalah seperti ini: empat gambar dipaparkan pada satu halaman, dan empat gambar itu ditukar bersama setiap kali halaman itu diputar sepadan dengan gambar dipilih, Apabila anda mengklik pada halaman seterusnya atau halaman sebelumnya, gambar ini tidak akan diubah, tetapi gambar yang tidak ditanda akan ditukar.
Apa yang saya boleh fikirkan sekarang ialah merekodkan rownum imej dalam pangkalan data apabila ia dipilih, dan kemudian tetapkan berdasarkan rownum ini dan sama ada terdapat imej tetap pada masa ini. >pageSizerownum，然后根据这rownum以及当前是否有固定住的图片来设置pageSize
例如：左上角图片被勾选的时候，pageSize=3；没有勾选的时候pageSize = 4
Contohnya: Apabila imej sudut kiri atas ditanda, pageSize=3; tidak ditanda, pageSize = 4< /code>

Persoalannya sekarang, bagaimanakah meja depan harus mengendalikannya? Saya membangunkan program menggunakan asp.net, dan kawalan asp.net yang digunakan untuk memaparkan kawalan bahagian hadapan secara automatik melelarkan hasilnya.

        <asp:DataList ID="DataList1" runat="server" RepeatColumns="2">
        <ItemTemplate>
            <p class="col-lg-12">
                <p class="col-md-3" style="margin-top: 5px">科目代码:</p>
                <p class="col-md-1 kmdm" style="margin-top:5px;margin-left:-10px"><%#Eval("TJ_KM_DM")%></p>
                <p class="col-md-4" style="margin-top: 5px; text-align:right">考试时间:</p>
                <p class="col-md-1 kssj" style="margin-top: 5px;"><%#Eval("KSSJ") %></p>
                <input type="hidden" class="kszkz" value="<%#Eval("KS_ZKZ")%>" />
                <input class="BJSH_JG_QX" type="hidden" value="<%#Eval("BJSH_JG_QX")%>"/>
                    <input class="jddz" type="hidden" value="img/<%#Eval("KSSJ").ToString()+"/"+Eval("TJ_KM_DM").ToString().Trim()+"/"+Eval("KS_ZKZ")+".jpg"%>" />
                <p class="col-md-2" style="margin-left:50px">
                    <input style="margin-bottom: 5px" value="未标记" class="chexSign btn btn-default" type="button" onclick="signCard(this)" />
                </p>
                <img src="../../img/<%#Eval("KSSJ").ToString()+"/"+Eval("TJ_KM_DM").ToString().Trim()+"/"+Eval("KS_ZKZ")+".jpg"%>" alt="Responsive image" class=" well well-lg img-responsive img-thumbnail " />
            </p>
        </ItemTemplate>
    </asp:DataList>

imgKod di atas boleh teruskan kesan gambar di atas Jika anda mengikuti kandungan yang dinyatakan di atas, saya rasa saya perlu mengendalikan setiap

dan tidak ada cara yang baik. 🎜

Answer 1

Saya memberikan idea peribadi saya: anda memerlukan tindanan data untuk menyimpan maklumat yang berkaitan, tandakan setiap satu dan simpan satu persatu, kemudian baca data setiap kali anda membuka halaman Jika data boleh dibaca, kembalikan data dan teruskan operasi Berkaitan, dan kemudian teruskan membaca sehingga bacaan selesai sebelum menggunakan data baharu.