Interested to Buy Any Domain ? << Click Here >> for more details...
how to use java script
- 1 Answers
- 4360 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 |
How to associate functions with objects using javascript?
How to access an external javascript file that is stored externally and not embedded?
What is javascript? List some data types supported by javascript?
Write a program to reverse a string in pure javascript?
Explain how can you submit a form using JavaScript?
What is the difference of "settimeout" function and setinterval functions in javascript
Can an anonymous function be assigned to a variable?
How to find operating system in the client machine using javascript?
Which company developed JavaScript?
Does javascript support foreach loop?
What do you understand by this keyword in javascript?
What's the date object using javascript?
ASP 
