jQuery Modal Image | RainaStudio

jQuery Modal Image

Download the jQuery Modal Image plugin from GitHub repository and unzip the folder. You get there in the folder two files, one modal.js, and another is style.css file.

Open the file with your favorite code editor and change the class with your image class name. For mine, the image class name is .img-frm img. Copy this CSS code and paste at the below in your theme’s style.css file. Save the changes.

https://gist.github.com/anwerashif/85ca3d4b31458d8ae06ac9150ec42077

Do the same job for the modal.js file, change the class with your class name. After changes upload the file to your active WordPress theme directory. If you found any js folder put the file into it.

https://gist.github.com/anwerashif/ba7cbbb0feed3e5b7c46c3f507f11f7c

.Now, let’s call the jQuery file. Open theme’s functions.php file and add the piece of code below.

https://gist.github.com/anwerashif/481a5618219d50c3d5c975e741a0f7ce

Anwer Ashif
 

I like to quote code snippet, fix things like error 503 service unavailable. ;) Cycling, traveling and plantation are my hobbies. Company Bio..

>