 |
| www.yogi-aw.id |
Tutorial Membuat Image Control.aspx
Tutorial Membuat Image Control.aspx. Sobat Deyawman, masih dengan tutorial membuat web dengan asp.net yang merupakan update dari Kumpulan Tutorial Asp.net Part 1, jika waktu lalu saya memberikan source code asp.net pada Tutorial EventOnClick.aspx dan CrossPage.aspx, maka di artikel kali ini ane share membuat image control dengan mentahan source code asp.net deyawman dan dilanjutkan dengan menambahkan image atau gambarnya.
 |
| running script |
Sebelum memulai membuat program ini, sobat harus tahu awal memulai atau langkah pertama membuat projectnya, bisa langsung meluncur ke sini gan.
Kontrol Gambar memungkinkan sobat bekerja dengan gambar dari kode server. Pakailah kontrol Gambar untuk menampilkan gambar yang valid yang didukung oleh browser yang meminta pada halaman Web. Jalur ke gambar yang ditampilkan ditentukan dengan menyetel properti ImageUrl. Anda dapat menentukan teks yang akan ditampilkan di tempat gambar saat gambar tidak tersedia dengan menyetel properti AlternateText.
Penyelarasan gambar dalam kaitannya dengan elemen lain di halaman Web ditentukan dengan menetapkan properti ImageAlign. msdn-microsoft
Sedikit penjelasan pada gambar di atas, ketika program image control ( kontrol gambar ) dijalankan, dia akan mengacak atau secara random untuk menampilkan terhadap image atau gambar yang di controlnya rasa tidak perlu untuk dijelaskan lagi, karena pada gambar diatas sudah cukup jelas penggambaran jalanya script image control tersebut, jadi langsung back to topic ke source code.
Jangan lupa nih ... gan , jangan langsung copy paste source code tersebut . Carilah referensi mengenai alur dan maksud dari masing-masing script agar kita paham . Mungkin di lain waktu akan saya bahas untuk penjelasan atas script yang di inputkan :)
Membuat Image Control Dengan Asp.net
ImageControl.aspx
ImageControl.aspx.cs ( code behind )
Letakan image seperti gambar dibawah ini
ImageControl.aspx.cs ( code behind )
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace Bab2 {
public partial class ImageControl : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
Random objRnd = new Random();
switch (objRnd.Next(3))
{
case 0:
imgRandom.ImageUrl = "~/Gambar1.gif";
imgRandom.AlternateText = "Gambar 1";
break;
case 1:
imgRandom.ImageUrl = "~/Gambar2.gif";
imgRandom.AlternateText = "Gambar 2";
break;
case 2:
imgRandom.ImageUrl = "~/Gambar3.gif";
imgRandom.AlternateText = "Gambar 3";
break;
}
}
}
}
Jika sudah membuat codingnya, lanjut menambahkan image atau gambar 1, gambar 2, dan gambar 3
Perhatian
http://yogi-aw.id/2017/06/aspnet-compare-passaspx-open-source.html
http://deyawman.net/2017/06/aspnet-compare-passaspx-open-source.html
http://scodeid.blogspot.com/2017/06/aspnet-compare-passaspx-open-source.html
artikel 404 tidak ditemukan
Caranya Mengatasinya :
Perhatian
Jika Link Tidak di Temukan ( karena saya migrasi domain address )misalkan pada link :
http://yogi-aw.id/2017/06/aspnet-compare-passaspx-open-source.html
http://deyawman.net/2017/06/aspnet-compare-passaspx-open-source.html
http://scodeid.blogspot.com/2017/06/aspnet-compare-passaspx-open-source.html
artikel 404 tidak ditemukan
Caranya Mengatasinya :
- Ubah domain menjadi scodeid.blogspot.com Jika domain adalah yogi-aw.id dan deyawman.net
- Silahkan cari di kolom pencarian Blog ini, Nama artikel yang tidak di temukan
Image Control Add
Buka link di bawah ini
Letakan image seperti gambar dibawah ini
 |
| www.yogi-aw.id |
Jika sudah silahkan jalankan program nya dengan mendebug "Debug" lihat pada gambar dibawah ini
Nota bane (NB) : jika saat menjalankan programnya ada error, bisa komentar dibawah untuk melaporkanya, dilengkapi dengan letak script yang error dengan jelas, untuk membuat saya membalas dengan prima.
Mohon Maaf Jika Salah Kata dan Semoga Artikel Ini Bermanfaat ... - Deyawman