-2

ウェブサイトを作成しています。

そして、その中にページを作成する必要があります。これらの機能を実装する必要があります:

  1. ユーザーは画像をアップロードできます。

  2. アップロード後、彼/彼女はその写真を見ることができます。

  3. アップロード後にユーザーが自分の写真を見ることができる幅 500px の固定領域があります。

  4. ユーザーが小さなサイズの画像をアップロードした場合。その画像は引き伸ばされず、タイル形式で領域を埋めます。

  5. デスクトップの背景のようなものです。

これについて私を助けてください。

4

2 に答える 2

0

1. 複数の写真を追加するには、ajax ファイル アップロード コントロール (または) 通常の aspx ファイル アップロード コントロールを使用します。 2. イメージ コントロールを使用します。 3. そのイメージ コントロールの幅を 500px に設定します。表示したいサイズに変更できます

于 2013-02-22T10:09:30.643 に答える
0

のような JavaScript を使用できます。

width = 0;
while (width<500){ // 500 the max width
diva.innerHtml+='insert image' // code to append the image in the div
width+=insertimage.width // code to set the total width that has been used
}

高さについても実行できます * 注:- 上記のコードは説明のみを目的としており、変更する必要があります。ここで私はあなたのためにサンプルコードを書きました

<head>
<title></title>
<script language="javascript" type="text/javascript">
    function Button1_onclick() {
        var h = document.getElementById("Text1");
        var im = document.getElementById("Text3");
        var dimage = document.getElementById("div1");
        dimage.setAttribute("style", "width:" + h.value);
        width = 0;
        dimage.innerHTML = " ";
        while (width < h.value) {
            dimage.innerHTML += "<img alt=\"\"src = \"" + im.value + "\"/>";
            width += 100;
        }

    }
</script>
<style type="text/css">
    .style1
    {
        height: 23px;
    }
</style>


<table style="width:100%;">
    <tr>
        <td>
            Max Width</td>
        <td>
            <input id="Text1" type="text" value="600" /></td>
        <td>
            &nbsp;</td>
    </tr>
    <tr>
        <td>
            Max Height</td>
        <td>
            <input id="Text2" type="text" value="500" /></td>
        <td>
            &nbsp;</td>
    </tr>
    <tr>
        <td>
            Image Location</td>
        <td>
            <input id="Text3" type="text" 
                value="www.conflictprevention-ks.org/images/img.jpg" /></td>
        <td>
            &nbsp;</td>
    </tr>
    <tr>
        <td>
            &nbsp;</td>
        <td>
            <input id="Button1" type="button" value="Load Image" onclick="return Button1_onclick()" /></td>
        <td>
            &nbsp;</td>
    </tr>
    <tr>
        <td colspan="2" class="style1">
            <div id="div1">
             </div>
        </td>
        <td class="style1">
            </td>
    </tr>
</table>

コードをhtmlファイルに保存して、それがどのように機能するかを確認してください。

于 2013-02-22T10:12:03.420 に答える