HTML - Image Lightbox

If you need to show the full size overlay image on the current page. "Lokesh Dhakar"'s coding is a good example. His code is on javascript and stylesheet.

Please visit Lokesh's site to download & see the example.

URL Reference: http://www.huddletogether.com/projects/lightbox2/

Example:

if you click on thumbnail image.



You'll get the full image like this.

Popular posts from this blog

SAP CPI - Loop Process Call with SuccessFactor (oData V2)

Image
This example will show you how to fetch data from SuccessFactor (oData V2 Message Protocal) with a specific page size. For example, if your data has 10,000 total records and each record consists of 20 child nodes (the result size is around 10MB), you can fetch data by 500 records per request by using Loop Process Call. # My integration process consists of 1. Content Modifier " Initial Data " which I declare property "fetchData". 2. Loop Process Call " Loop Fetch Data " which calls Local Integration Process " Fetch Data From SF ". 3. Groovy Script which writes data from property "fetchData" in an attachment format. This example will focus on step 2 - Loop Process Call & Local Integration Process. # Local Integration Process "Fetch Data from SF".  How does it work? 1. Use Request Reply to call SuccessFactor to get data 500 records per request. 2. Use Groovy Script to get some fields and return in XML format. 3. Use XML to CS...
Read more

Setting IntelliJ IDEA to run Groovy Script

Image
  1. Download Groovy SDK From https://groovy.apache.org/download.html or a specific version at  https://groovy.jfrog.io/artifactory/dist-release-local/groovy-zips/ Ex. Version 3.0.8 visit at https://groovy.jfrog.io/artifactory/dist-release-local/groovy-zips/apache-groovy-binary-3.0.8.zip 2. Unzip your download file. You can store it in the directory you need. 3. Open IntelliJ IDEA Application. 4. Create a new Project. In this step, you can create New Project and follow the default configuration or you can create an Empty Project and use a manual configuration. In this document will choose the Empty Project name “Groovy-Script”. 5. Right click on the project name and choose “Open Modul Settings” 6. The Project Structure window will be open. Choose Module in the left panel. On the right panel, please make sure your setting is the same as the below picture. -      Module SDK is OpenJDK or up to your java version on your computer -      G...
Read more

C# - BASE64 to Image

public void ConvertBase64ToImage(String strBASE64) {      String _outputFile = @"c:\temp\test.jpg";      try      {         Byte[] _imageBytes = Convert.FromBase64String(strBASE64);         MemoryStream ms = new MemoryStream(_imageBytes, 0, _imageBytes.Length);         // Convert byte[] to Image         ms.Write(_imageBytes, 0, _imageBytes.Length);         Image _image = Image.FromStream(ms, true);         _image.Save(_outputFile);         MessageBox.Show("save image success");      }      catch (Exception ex)      {      ...
Read more