Make Ur Own Gallery in HTML.

First of all rename your all pictures with 1,2,3...... and copy the following code in notepade and then save it with .html extension in same folder where picture exist.


<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width">
<style>
img {
    max-width: 100%;
}
</style>
<title>gallery</title>

<style>
div id="frame"{
margin:center;
padding:center;
}
div#linkButton{
margin-right:30%;
margin-left:30%;
}
img{
margin:10%;
width: 80%;
height: 80%;
}
button{
background-color: pink;
border-color: red;
width: 50px;
height: 50px;
}
</style>

</head>
<body>
<div id="frame">
<img src="1.jpg" alt="image 1" / id="frameImage">
</div>
<div id="linkButton">
<button onclick="document.getElementById('frameImage').src='1.jpg'" >1</button>
<button onclick="document.getElementById('frameImage').src='2.jpg'" >2</button>
<button onclick="document.getElementById('frameImage').src='3.jpg'" >3</button>
<button onclick="document.getElementById('frameImage').src='4.jpg'" >4</button>
<button onclick="document.getElementById('frameImage').src='5.jpg'" >5</button>
</div>
</body>
</html>




Comments

Post a Comment

Popular posts from this blog

Linear Search in C++

Image
Linear Search in C++ To search any element present inside the array in C++ programming using linear search technique, you have ask to the user to enter the array size and array elements to store the elements in the array. Now ask to the user to enter the element that he/she want to check or search whether the entered number/element is present in the array or not. To check/search for the element, just compare with the number to each element present in the array if any element equal to the entered number then print the exact position of the number in the array as shown here in the following program. C++ Programming Code for Linear Search Following C++ program first ask to the user to enter the array size then it will ask to enter the array elements, then it will finally ask to enter a number to be search in the given array to check whether it is present in the array or not, if it is present then at which position : /* C++ Program - Linear Search */ #include<iostream.h...
Read more

if else statement in C++

#include <iostream.h>   #include <conio.h> int main(void) {  int grade;    //ask the user for input    cout<<"What's your score: ";    cin>>grade;    if(grade >= 90)    {           cout<<"A+";      }    else if(grade >= 80)    {           cout<<"A";       }    else if(grade >= 70)    {           cout<<"B";      }    else if(grade >= 60)    {           cout<<"C";       }    else    {    cout<<"Sorry! You got failed";   ...
Read more