SyntaxFix

[jquery] jQuery: How can I show an image popup onclick of the thumbnail?

In my aspx page I have a thumbnail image <img>. When the user clicks on that image I would like a popup to show that blocks out the rest of the UI with the larger (full) version of the image.

Are there any plugins that can do this?

This question is related to jquery jquery-plugins popup

The answer is

I was in the same situation and found this one,

WOWslider

prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox

This is the most popular (9500 stars) and light weight (20KB minify, 7.5KB minify+gzip) popup gallery I think: Magnific-Popup

I like prettyPhoto

prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox

Source: Stackoverflow.com

Examples related to jquery

• How to make a variable accessible outside a function? • Jquery assiging class to th in a table • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Getting all files in directory with ajax • Bootstrap 4 multiselect dropdown • Cross-Origin Read Blocking (CORB) • bootstrap 4 file input doesn't show the file name • Jquery AJAX: No 'Access-Control-Allow-Origin' header is present on the requested resource • how to remove json object key and value.?

Examples related to jquery-plugins

• How to use a jQuery plugin inside Vue • How add spaces between Slick carousel item • Bootstrap carousel multiple frames at once • Can someone explain how to implement the jQuery File Upload plugin? • Correct way to integrate jQuery plugins in AngularJS • Call Jquery function • Twitter bootstrap remote modal shows same content every time • Jquery Chosen plugin - dynamically populate list by Ajax • How to show all rows by default in JQuery DataTable • Change Placeholder Text using jQuery • Simple Popup by using Angular JS • how to make window.open pop up Modal? • How to handle authentication popup with Selenium WebDriver using Java • Show popup after page load • How to make popup look at the centre of the screen? • How to handle Pop-up in Selenium WebDriver using Java • HTML / CSS Popup div on text click • How to make a Div appear on top of everything else on the screen? • Popup window in winform c# • Display UIViewController as Popup in iPhone

Tags

Ssmtp Doh Mediacenter Protobuf-net Register-transfer-level Wcf-4 Cxxtest Watchpoint Urlencode Triplestore Aspnet-regiis.exe Webconfigurationmanager Awr Symbol-not-found Union-all Stdin Quirks-mode http-status-code-415 Code128 Running-other-programs Dmz Tdd Iso8583 Chromakey Ssh-agent Codegen Dts Writeablebitmapex Swank Django-project-architect Css-specificity Magic-quotes Replication Typesetting Xmlpoke Jinja2 Cognos Tabnavigator Image-manipulation Fieldlist Dbml Ribbon-form Scrollview Ie8-webslice Portalsitemapprovider Nslog Roles Private-class Routes Visibility Template-method-pattern Axd Custom-controls Panning Rubinius Qt-contextmenu Uiviewanimationtransition Linuxthreads Freestanding Feedparser Web-services-enhancements Blazeds Coderef Country Tiddlywiki Netadvantage Er-diagrams Spoken-language Rendertarget Google-groups-api Pylons Rjava Flex-charts Dbd-proxy Operations Desktop-background Mux Execv Rfc3339 Zend-auth Glm Google-search Pci-bus System.interactive Pbmplus Java-web-start Doxygen Static-polymorphism No-framework Magickwand Collada Memoryimagesource Greenhopper Radgridview Background-position Mediacontroller Genericdao Balloon Xhtmlrenderer Openprocess