Interested to Buy Any Domain ? << Click Here >> for more details...
how to use java script
- 1 Answers
- 4348 Views
- Infosys, I also Faced
- E-Mail Answers
Answer / fathimath thasneem
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Maximize Image Example</title>
<style>
.full-screen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 9999;
}
#myImage {
width: 50%; /* Initially set to 50% of the container width */
cursor: pointer; /* Changes the cursor to a pointer to indicate it's clickable */
}
</style>
</head>
<body>
<img id="myImage" src="path_to_your_image.jpg" alt="Click to maximize">
<script>
const img = document.getElementById('myImage');
img.addEventListener('click', function() {
// Check if the image already has the full-screen class
if (img.classList.contains('full-screen')) {
img.classList.remove('full-screen'); // If yes, remove it (minimize)
} else {
img.classList.add('full-screen'); // Otherwise, add it (maximize)
}
});
</script>
</body>
</html>
| Is This Answer Correct ? | 0 Yes | 0 No |
What is the most widely used programming language?
How to write a script for "select" lists using javascript
How to create a function using function constructor?
Describe what u had done today?
Name the datatypes of javascript?
How do you write a comment in javascript?
What is the difference between JavaScript and jscript?
Write a program that inputs a 5-digit integer from the keyboard and prints if the input number is a palindrome or not. A palindrome is a number which has the same digit from either end.
Name the two functions that are used to create an HTML element dynamically?
What are the properties of stack?
How can you create an Object in JavaScript?
How to write comment in JavaScript?
ASP 
