jQuery Open (Embed) YouTube Video in Lightbox Popup Example

Introduction: 

Here I will explain how to use jQuery to open or embed YouTube video in lightbox popup window or jQuery play or display YouTube video in lightbox popup window.  By using jQuery modal popup / lightbox window we can display YouTube video in popup window.

Description:
  
In previous posts I explained jQuery simple modal popup window example,  Show subscribe modal popup for website, Ajax confirmation box with modalpopup, Open/Close Ajax ModalPopUpExtender using JavaScript, Ajax modalpopup example to edit gridview rows and many articles relating to jQuery, Asp.net. Now I will explain how to open YouTube video in popup window using jQuery.

To show YouTube video in popup window we can use jQuery modal popup window for that we need to write the code as shown below

7+ jQuery Lightbox Plugin Examples with Demo

Introduction: 

Here I will explain best jQuery lightbox plugin examples with demos. jQuery lightbox plugins will help us to show images using modal popup with customized styles. Lightbox is simple script used to overlay on images on top of the page.   

Description:
  
In previous article I explained 8+jQuery Popup window plugin examples, jQuery Show Youtube video in modal popup, jQuery subscribe modal popup for website, 11+ best jQuery Scroll to top plugins, 8 jQuery clock plugin examples and many articles relating to jQuery Plugins, JQuery, Ajax, asp.net, SQL Server etc. Now I will explain jQuery lightbox plugin examples with demos

jQuery Zoom Image on Mouseover using jQuery Image Zoom Plugin Example

Introduction: 

Here I will explain how to zoom an image on mouse hover using jQuery image Zoom plugin like e-commerce websites or enlarge image on mouseover using jQuery image Zoom plugin. jQuery image Zoom plugin will provide two features image zoom effect and lightbox effect for the images by setting few properties for our images.

Description:
  
In previous posts I explained jQuery Bind Images to Dropdown, jQuery show gridview images with lightbox effect,  jQuery fancy zoom effect for image, jQuery scrollable div with fixed header and many articles relating to JQuery. Now I will explain how to zoom an image on mouse hover using jQuery image Zoom plugin like e-commerce websites.

Display Gridview images with lightbox effect whenever user clicks on images in gridview using asp.net

Introduction:

In this article I will explain how to show gridview images with lightbox effect using asp.net.

Description:
  
In my previous article I explained clearly how to insert images into our images folder and images path in database and display images in gridview from folder based on imagepaths exists in database for that check this link how to insert images into folder and imagespath into database and display images I gridview .After inserting images in folder and displayed in gridview I extended functionality to display gridview images using lightbox effect if user click on any image in gridview at that time we need to show that images with lightbox effect. To display images in gridview with lightbox effect we need to design our aspx page like this

Lightbox Effect For Login Page in asp.net

Introduction

Here I will explain how to create lightbox effect for Login Page in asp.net

Description:

One day I got requirement like showing login page with popup window at that time I used lightbox effect for my login page to display in popup window.

To display login page with lightbox effect First we need to desgin Login Page like this