Lightbox | KC's Blog https://www.kjctech.net Tue, 24 Jan 2023 18:21:01 +0000 en-US hourly 1 https://i0.wp.com/www.kjctech.net/wp-content/uploads/2016/12/cropped-KC-Logo.png?fit=32%2C32&ssl=1 Lightbox | KC's Blog https://www.kjctech.net 32 32 24634607 Adding Lightbox on A ASP.net Powered Website https://www.kjctech.net/adding-lightbox-on-a-asp-net-powered-website/?utm_source=rss&utm_medium=rss&utm_campaign=adding-lightbox-on-a-asp-net-powered-website https://www.kjctech.net/adding-lightbox-on-a-asp-net-powered-website/#respond Wed, 03 May 2017 04:56:18 +0000 http://www.kjctech.net/?p=3468 ASP.net doesn’t have many plugins like WordPress. So if you would like to add Lightbox-kind effect on your ASP.net powered website, you will need to do it manually. Here is how you can do it. 1. Go to this Lightbox site and click Download button to download the script package. 2. Extract the package and save both css and js folder into […]

The post Adding Lightbox on A ASP.net Powered Website first appeared on KC's Blog.]]> ASP.net doesn’t have many plugins like WordPress. So if you would like to add Lightbox-kind effect on your ASP.net powered website, you will need to do it manually.

Here is how you can do it.

1. Go to this Lightbox site and click Download button to download the script package.

2. Extract the package and save both css and js folder into your website. For example, I created a separate folder called source and saved both folders in it.

3. Add the following three lines at the top of the page in <head> tag.

    <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
    <script src="/source/js/lightbox.js"></script>
    <link href="/source/css/lightbox.css" rel="stylesheet" />

4. Update the link by adding rel="lightbox" and title for image caption. For example,

<a href="images/image-1.jpg" rel="lightbox" title="my caption"><img src='images/image-1.jpg'/></a>

That’s about it, as simple as like that.

The post Adding Lightbox on A ASP.net Powered Website first appeared on KC's Blog.]]> https://www.kjctech.net/adding-lightbox-on-a-asp-net-powered-website/feed/ 0 3468