![Oracle Drags Its Feet in the JavaScript Trademark Dispute](https://cdn.sanity.io/images/cgdhsj6q/production/919c3b22c24f93884c548d60cbb338e819ff2435-1024x1024.webp?w=400&fit=max&auto=format)
Security News
Oracle Drags Its Feet in the JavaScript Trademark Dispute
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
jQuery responsive image zoom in/out gallery plugin. With a lot of customizable options. Supports jQuery v1.2.6 and higher.
jQuery Zoom Gallery plugin.
Use one of the following methods:
git clone git@github.com:payalord/xZoom.git
git clone https://github.com/payalord/xZoom.git
npm install xzoom
bower install xzoom
https://unpkg.com/xzoom/dist/xzoom.min.js
https://unpkg.com/xzoom/dist/xzoom.css
xzoom.min.js
or xzoom.js
file into your javascript folder.xzoom.css
file into your css folder, or copy the content of the xzoom.css
file into your site style sheet.example/images/xloading.gif
to your images folder.This goes into your site's Header Section:
<!-- get jQuery from the google apis or use your own -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<!-- CSS STYLE-->
<link rel="stylesheet" type="text/css" href="css/xzoom.css" media="all" />
<!-- XZOOM JQUERY PLUGIN -->
<script type="text/javascript" src="js/xzoom.min.js"></script>
Add xZoom markup into your HTML:
<img class="xzoom" src="path/to/preview_image_01.jpg" xoriginal="path/to/original_image_01.jpg" />
<div class="xzoom-thumbs">
<a href="path/to/original_image_01.jpg">
<img class="xzoom-gallery" width="80" src="path/to/thumbs_image_01.jpg" xpreview="path/to/preview_image_01.jpg">
</a>
<a href="path/to/original_image_02.jpg">
<img class="xzoom-gallery" width="80" src="path/to/preview_image_02.jpg">
</a>
<a href="path/to/original_image_03.jpg">
<img class="xzoom-gallery" width="80" src="path/to/preview_image_03.jpg">
</a>
<a href="path/to/original_image_04.jpg">
<img class="xzoom-gallery" width="80" src="path/to/preview_image_04.jpg">
</a>
</div>
Initialize the plugin in "document ready" section of your javascript or at the end before </body>
:
/* calling script */
$(".xzoom, .xzoom-gallery").xzoom({tint: '#333', Xoffset: 15});
Enjoy xZoom experience!
For full list of options and how to setup, customize and work with xZoom plugin please read the manual.
For more examples please check xZoom Sandbox
If you liked the plugin and want to say thanks or want to help us make it better - feel free to make a donation ;)
FAQs
jQuery responsive image zoom in/out gallery plugin. With a lot of customizable options. Supports jQuery v1.2.6 and higher.
The npm package xzoom receives a total of 17 weekly downloads. As such, xzoom popularity was classified as not popular.
We found that xzoom demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
Security News
The Linux Foundation is warning open source developers that compliance with global sanctions is mandatory, highlighting legal risks and restrictions on contributions.
Security News
Maven Central now validates Sigstore signatures, making it easier for developers to verify the provenance of Java packages.