Micro Image Gallery (Non-Responsive) This is an improved version of the popular Micro Image Gallery, with many new features. Sideways – Fullscreen Image Gallery (Non-Responsive) Sideways is a smooth fullscreen image gallery plugin. It utilizes jQuery UI, jQuery Easing and the jQuery mousewheel plugins to bring this impressive gallery together. FREE jQuery photo gallery and slider with albums, preloader and 3D transitions effect. Unlimited scalability, compatible with all major browsers, retina friendly.
<html>
<head>
<style>
div.gallery {
margin: 5px;
border: 1px solid #ccc;
float: left;
width: 180px;
}
div.gallery:hover {
border: 1px solid #777;
}
div.gallery img {
width: 100%;
height: auto;
}
div.desc {
padding: 15px;
text-align: center;
}
</style>
</head>
<body>
<div>
<a target='_blank' href='img_5terre.jpg'>
<img src='img_5terre.jpg' alt='Cinque Terre' width='600' height='400'>
</a>
<div>Add a description of the image here</div>
</div>
<div>
<a target='_blank' href='img_forest.jpg'>
<img src='img_forest.jpg' alt='Forest' width='600' height='400'>
</a>
<div>Add a description of the image here</div>
</div>
<div>
<a target='_blank' href='img_lights.jpg'>
<img src='img_lights.jpg' alt='Northern Lights' width='600' height='400'>
</a>
<div>Add a description of the image here</div>
</div>
<div>
<a target='_blank' href='img_mountains.jpg'>
<img src='img_mountains.jpg' alt='Mountains' width='600' height='400'>
</a>
<div>Add a description of the image here</div>
</div>
</body>
</html>
<head>
<style>
div.gallery {
margin: 5px;
border: 1px solid #ccc;
float: left;
width: 180px;
}
div.gallery:hover {
border: 1px solid #777;
}
div.gallery img {
width: 100%;
height: auto;
}
div.desc {
padding: 15px;
text-align: center;
}
</style>
</head>
<body>
<div>
<a target='_blank' href='img_5terre.jpg'>
<img src='img_5terre.jpg' alt='Cinque Terre' width='600' height='400'>
</a>
<div>Add a description of the image here</div>
</div>
<div>
<a target='_blank' href='img_forest.jpg'>
<img src='img_forest.jpg' alt='Forest' width='600' height='400'>
</a>
<div>Add a description of the image here</div>
</div>
<div>
<a target='_blank' href='img_lights.jpg'>
<img src='img_lights.jpg' alt='Northern Lights' width='600' height='400'>
</a>
<div>Add a description of the image here</div>
</div>
<div>
<a target='_blank' href='img_mountains.jpg'>
<img src='img_mountains.jpg' alt='Mountains' width='600' height='400'>
</a>
<div>Add a description of the image here</div>
</div>
</body>
</html>
jQuery is a JavaScript Library.
jQuery greatly simplifies JavaScript programming.
jQuery is easy to learn.
Start learning jQuery now »Examples in Each Chapter
With our online editor, you can edit the code, and click on a button to view the result.
Example
$(document).ready(function(){
$('p').click(function(){
$(this).hide();
});
});
Try it Yourself »$('p').click(function(){
$(this).hide();
});
});
Click on the 'Try it Yourself' button to see how it works.
jQuery Exercises
jQuery Examples
![Gallery Gallery](https://www.jqueryscript.net/images/Simple-jQuery-Photo-Gallery-Plugin-with-Auto-Image-Resizing-Relocator-js.jpg)
Learn by examples! At W3Schools you will find a lot of jQuery examples to edit and test yourself.
jQuery Quiz Test
Screens 4 4 – access your computer remotely access. Test your jQuery skills at W3Schools!
jQuery References
At W3Schools you will find a complete reference of all jQuery selectors, methods, properties and events.
jQuery ReferencejQuery Exam - Get Your Diploma!
W3Schools' Online Certification
The perfect solution for professionals who need to balance work, family, and career building.
More than 25 000 certificates already issued!
The HTML Certificate documents your knowledge of HTML.
The CSS Certificate documents your knowledge of advanced CSS. Beatunes 5 1 2 – organize your music collection dvd. Numbers 4 1 1.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The Python Certificate documents your knowledge of Python.
The jQuery Certificate documents your knowledge of jQuery.
The SQL Certificate documents your knowledge of SQL.
The PHP Certificate documents your knowledge of PHP and MySQL.
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The Bootstrap Certificate documents your knowledge of the Bootstrap framework.