---
title: "How to open fancybox using jquery?"  
description: "How to open fancybox using jquery?"  
author: "Anonymous User"  
published: 2015-05-25  
updated: 2015-05-25  
canonical: https://www.mindstick.com/forum/23263/how-to-open-fancybox-using-jquery  
category: "jquery"  
tags: ["javascript"]  
reading_time: 1 minute  

---

# How to open fancybox using jquery?

Here I want try to open a fancybox.

But not open successfully I can’t understand what is problem

Please [solve this problem](https://answers.mindstick.com/qa/94681/my-google-assistant-shows-completely-different-search-results-from-what-i-ask-how-can-i-solve-this-problem).

Thanks in advance.

## Replies

### Reply by Anonymous User

```
<a href="#" id="showFancybox">Show me</a><script>var result = '<div class="item"> <div
class="img"><a href="./Композиция состоит из 3
разноцветных шариков, размером 30 см, расположенных на единой ленте,
декорированной маленькими шариками.<br /> "><img id="dp894" src="http://i.stack.imgur.com/1jCEv.jpg?s=128&g=1"
alt="Композиция"/></div></div>'; $('#showFancybox').click(function() {    $.fancybox({      'content'  : result,      'width' : 600,      'height': 500    });});</script>
```


---

Original Source: https://www.mindstick.com/forum/23263/how-to-open-fancybox-using-jquery

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.