HTML TUTORIALS

Thursday, 18 December 2014

HTML TUTORIALS

-----------------------------------------------------------------------------------------------

COPY AND SAVE IN MY.html IN NOTE PAD

http://www.java2s.com/Code/JavaScript/HTML/Replaceimage.htm

http://www.java2s.com/

------------------------------------------------------------------------------------------------

<html>

<head>

<title>Image Array Demo</title>

var description = new Array("blank", "triangle", "circle", "square");

var pictures = new Array(3);

var counter = 0;

function initialize(){

// sets up the array with some startin values

// Andy Harris

pictures[0] = new Image(50, 50);

pictures[0].src = "data:image/jpeg;base64,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";

pictures[1] = new Image(50, 50);

pictures[1].src = "data:image/png;base64,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";

pictures[2] = new Image(50, 50);

pictures[2].src = "data:image/jpeg;base64,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";

pictures[3] = new Image(50, 50);

pictures[3].src = "data:image/jpeg;base64,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";

} // end initialize

function upDate(){

//increments the counter and shows the next description

counter++;

if (counter > 3){

counter = 0;

} // end if

document.imgDisplay.src = pictures[counter].src;

document.myForm.txtDescription.value = description[counter];

} // end upDate

</script>

</head>

<h1>Image Array Demo<hr></h1>

<br>

<br>

</form>

</center>

<hr>

</body>

</html>

-----------------------------------------------------------------------------------------------

2- COPY AND SAVE IN MY.html IN NOTE PAD

------------------------------------------------------------------------------------------------

<html>

<form>

</form>

</body>

</html>

-----------------------------------------------------------------------------------------------

3- COPY AND SAVE IN MY.html IN NOTE PAD

Change image src

------------------------------------------------------------------------------------------------

<html>

<head>

function procImage() {

var img = document.images[0];

var imgAttr = img.align + " " + img.alt + " " + img.src + " " + img.width + " " + img.height;

alert(imgAttr);

img.src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcCuR6q9-11iuF0bnE-bfiy-V3V0FpS6Z2wMf4Z8p_Hmv1AT83TJz8YY-TcFpyi2camx3QHoMa5-bzIF6Og_WtE6o_F8_gj6Dq90H9LSQYRk0dn3KJ4iWtG5UPJhn8mCJDwB_NaPeCgpll/s1600/FBGadgets.jpg";

img.width="100";

img.height="100";

img.alt="Alternative";

img.align="left";

img.title="Upright";

imgAttr = img.align + " " + img.alt + " " + img.src + " " + img.width + " " + img.height;

alert(imgAttr);

document.close();

}

</script>

</body>

</html>

-----------------------------------------------------------------------------------------------

4- COPY AND SAVE IN MY.html IN NOTE PAD

Simple Image Replacement

------------------------------------------------------------------------------------------------

<html>

<head>

<title>Replacing Images</title>

var ix = 0

function changeImages(milliseconds) {

window.setInterval("changeImage()", milliseconds)

}

function changeImage() {

++ix;

ix %= 6;

var imageRef = document.images[0];

imageRef.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUElc-hHGuyjvVKJ05QCryhRqGdeB4-UDtaPogKszI3NrE43o0-X5Y4V39Na95_33E4nCUVE0slxcAmi_8GrNfbJkkpRIHGAv_TflzbFDLTspcIBz50JhxGcisVu4w7pKipb_V4QaMKmJH/s60-c/Gorilla-Glass.jpg"+ix+".gif";

}

</script>

</head>

</body>

</html>