Interested to Buy Any Domain ? << Click Here >> for more details...
how to use java script
- 1 Answers
- 4342 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 are escape characters in javascript?
What's the Difference Between Class and Prototypal Inheritance?
What are the different objects used in javascripts?
Which is faster jquery or javascript?
What is argument objects in javascript?
What are the different ways to create an array in javascript?
Who is the world famous hacker?
Iam getting xml when we click on one button.Iam placing that xml in dom.Im getting that xml data in one xsl.In that xsl I want to increase the variable value which is declared in xsl. Ex: <parent_node> <childNode> <first><d1>ffftt</d1></first> <first><d1>eeeeiii</d1></first> <first><d1>uuuuwww</d1></first> </childNode> <childNode> <first><d1>fff</d1></first> <first><d1>eeee</d1></first> <first><d1>uuuu</d1></first> </childNode> </parent_node>
How to get the last index of a string in javascript?
What is a named function in JavaScript? How to define a named function?
Is javascript case sensitive?
What is the difference between JavaScript and jscript?
ASP 
