Interested to Buy Any Domain ? << Click Here >> for more details...
how to use java script
- 1 Answers
- 4340 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 need of javascript?
Why we use java script when java also supports validation?
What's the Difference Between Class and Prototypal Inheritance?
What is the difference between let and var?
In javascript chained select menus are available.first select menu is worked and others are disabled.when we select any one option then the next select menu will worked having option releated to selcted in first select menu.How it possible? what is the coading of this programme?
How to open url in a new tab in javascript?
Is it possible make a call to server side event of any button using javascript?
Does spread operator deep copy?
Is javascript the future?
print the following using loop. 54321 4321 321 21 1
2 Answers Delhi Public School,
What is a string in javascript?
Text from your clipboard?
ASP 
