Interested to Buy Any Domain ? << Click Here >> for more details...
how to use java script
- 1 Answers
- 4413 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 use of the ‘this’ keyword?
What does window.print() do in Javascript?
Is there automatic type conversion in JavaScript?
What are the Non-primitive data types in JavaScript?
Describe negative infinity in javascript?
What is the ‘Strict’ mode in JavaScript and how can it be enabled?
Which keywords are used to handle exceptions?
What is object freeze?
How to include the HTML tag inside the javascript tags?
Explain the for-in loop?
What are javascript closures?
What is difference == and === in javascript?
ASP 
