FAQ Database Discussion Community


JQuery FancyBox With IFrame Issue (PHP)

php,jquery,html,iframe,fancybox
Hi I am trying to use FancyBox in a page I am making containing videos, Like a Gallery of videos, my intention is to be linking YouTube videos in. The issue I get is it just links through to the age link a normal a tag would do and nothing...

fancybox thumbs no way to make it work

jquery,html,css,fancybox
i was using prettyphoto and want to switch to fancybox, my gallery is using isotope for filter and animations, but i dont think this is the issue. the imagem appears, but no thumb! in dev tools when a picture is selected, there is a div called fancybox-thumbs but it is...

Issue with fancybox Jquery

javascript,jquery,fancybox
I make one script to automaticaly include the images, it works well but the fancybox is not working. <div style="width: 1200px; margin: 0 auto" id="fotos"> <script> $(document).ready(function (){ var cont = 1 while(cont < 879){ var stroke = "<a class='fancybox' rel='gallery1' href='fotos/big/festa_"+ cont +".jpg' title='Festa Vegas'><img src='fotos/festa_"+ cont +".jpg' alt=''...

Fancybox thumbnail is not working

javascript,jquery,html,css,fancybox
I'm trying to imitate this jsfiddle: http://jsfiddle.net/kevin11189/uZCC6/1269/ however the thumbnails are not appearing. Here's my code: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Gallery</title> <meta name="description" content="An interactive getting started guide for Brackets."> <link rel="stylesheet" href=""> <style> .hidden { display: none; } </style> <!-- Add jQuery library -->...

fancybox overlay via api

jquery,fancybox
I am trying to setup fancyBox the first time and am struggeling with the overlay function. I want to customize it with my color but the api isn't much helpful because it just shows a solution for a link target. My markup looks like this <span class="js--fb-bla-trigger">click here</span> <div class="js--fb-bla">content...

change the pop-up image width and height in fancybox [duplicate]

javascript,jquery,html,css,fancybox
This question already has an answer here: Custom width and height on fancybox image 1 answer I'm trying to change change the pop-up image width and height in fancybox but i'm being unsuccessful, i'm not sure what to change in the jquery.fancybox.css. Any help? JSfiddle: http://jsfiddle.net/uZCC6/5191/ HTML: <a class="fancybox"...

fancybox, open gallery on click

javascript,jquery,fancybox,image-gallery
I`m not sure, maybe this question is already answered or there is some similar, but i hope that this will be the easiest way for me, to figure out this problem. So i have this code in my "head" tag: <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script> <script type="text/javascript" src="js/fancybox/jquery.easing-1.3.pack.js"></script> <script...

Description/title below unopened fancybox images

jquery,fancybox
I have a fancybox gallery, I want to add a name below each image as description before it is opened. For some reason I can't figure this out. My code: <a class="fancybox" href="images/fb1.jpg" data-fancybox-group="gallery" title="Automated Batching System"><img src="images/fb1_t.jpg" alt="Automated Batching System" class="imgrnd" /></a> If I try to add a paragraph...

fancybox: display long caption in multiple lines with the same width as the large image?

jquery,fancybox,fancybox-2
I am using Fancybox 2.1.5 to display a popup window with a large image. Here is the html: <div class="webmedia"> <a href="my-large.jpg" class="click-magnify" title="A very long caption, wider than its image"> <img src="my-small.jpg" width="283"> </a> </div> Javascript: $('.click-magnify').fancybox({ }); When the popup is displayed, the caption extends wider than the...

Fancybox iframe not working when called via javascript function

javascript,jquery,fancybox,fancybox-2
I tried calling iframe in a fancybox, but it is not working. Here is what I wrote: var paramsFancy={ 'transitionOut': 'elastic', 'transitionIn': 'elastic', 'speedOut': 300, 'speedIn': 500, 'autoScale': true, 'centerOnScroll': true, 'autoDimensions': true, 'href' : '/index.php' }; $.fancybox.open(paramsFancy); I read the people comments from Open fancybox from function but nothing...

Does the Fancybox instance need a reinitialise method?

jquery,fancybox
I am trying to reinitialise a FancyBox instance after I've removed some items from the page, but can't find any available methods to do so; or any options to autoReinitialise when the DOM is manipulated. Am I missing something? The problem is that when I now arrow-click through on items...

fancy-box sub-box losing overlay when returning to main box

jquery,css,fancybox
I have a fancy-box with some buttons in it, when you click a button, it opens a new fancy-box, when you close that box it returns you to the original. however, when it returns to the original, the overlay dissappears! How can I prevent this from happening? I am using...

Fancybox isn't working (Beginner)

javascript,jquery,html,css,fancybox
My fancybox isn't working. I have looked through these forums and can't seem to figure out why. I'm somewhat new at this. I read that there could be an issue with the newer version of fancybox with jquery? Any help would be greatly appreciated as I'd really like to implement...

How does Fancybox for Wordpress got hacked?

php,wordpress,security,fancybox
Fancybox for WordPress widely got hacked by ISIS. Even with latest version at this moment installed (v3.0.6), my WordPress site (v3.9.2) is still printing out the ISIS statement. The method to cure the issue is to disable / remove the plugin. Hacker inserts code via non-sanitized Fancybox option to "insert"...

Close Fancybox and load clicked id/a on “main page”, when clicked inside Fancybox

jquery,iframe,fancybox
I am wondering if the following is possible: I have an a href with an ID. When clicked it opens an Fancybox iframe. Now when you click an <a href..> / ID on the Fancybox iframe, the Fancybox closes and loads the clicked link on the main page. I know...

fancybox shows intermediate state after turn of full screen

javascript,html5,fancybox,rendering,video.js
I have wrote following code: <div class="video-box" id="video-player-div" style="display: none"> <video id="video-player" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264" poster="http://www.ephotobay.com/image/birds-wallpaper-8-chai3721post.jpg" data-setup="{}" src="http://vjs.zencdn.net/v/oceans.mp4"> <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/"...

New Youtube Link breaks site [closed]

jquery,fancybox,fullpage.js
Our website uses both fancybox(/media) and fullPage.js. When I try to replace a video on the site, it breaks both. Also, when I update the video OR the image, it breaks the JS on the site. It works fine, however, on a local test or Fiddle (line 83) <div class="slide...

Fancybox list of pictures not showing up in Internet Explorer

jquery,internet-explorer,fancybox
I am currently using fancybox for my image gallery. I am having serious difficulty with getting it to work well in Internet Explorer. Every other browser I have tried works - besides Internet Explorer. The Problem: Every time I reload the page, some of the pictures show, and others do...

Setting height of fancybox 2.1.4 iframe dinamically after contents finish rendering

javascript,jquery,iframe,fancybox,fancybox-2
We have some jQuery graphs that load into a fancybox iframe. Recently, some of these graphs are too tall for the fancybox frame, and the design requirement is that there is no scroll bar unless the height is over 700px AND there is no more than 10px of whitespace above...

Reopen dynammically initialized fancybox

jquery,ajax,fancybox
I have problem with reopen dynamiccaly created fancybox. Firstly i invoke AJAX request and get informations about images. Next i create and preload images in jQuery and after success preload i create instance of fancybox. I close fancybox and when i try to reopen this with the same action, its...

How to create a pop up picture slide with a different set of pictures

javascript,jquery,html,fancybox,fancybox-2
I am creating a table in html that shows products and different information. When the user clicks on the product photo in one cell of the table, i want it to open up a picture slider that contains different pictures of that product (those picture urls are saved in their...

How to define download name of image created on the fly using PHP

php,jquery,html5,fancybox
We are using a PHP script (watermark.php) to change an image on the fly: $image = imagecreatefromstring(file_get_contents('../'.$_GET['url'])); $w = imagesx($image); $h = imagesy($image); // Load the watermark $watermark = imagecreatefrompng('../imgs/bgs/watermark.png'); $ww = imagesx($watermark); $wh = imagesy($watermark); // Insert watermark to the right bottom corner imagecopy($image, $watermark, $w-$ww-15, $h-$wh-5, 0, 0,...

Is there a Firebug / fancyBox conflict?

jquery,fancybox,firebug,fancybox-2
I use fancyBox (v2.1.5) and work with Firefox version 35.0.1 and Firebug 2.0.7. When I open the Firebug window fancyBox is not working anymore. Are there any settings I could change to get it to work? I have the problem also on the official demo page....

Fancybox to the center of the screen

javascript,jquery,fancybox
I show a pop-up with javascript Fancybox on page load. My problem is, that pop-up shows at the center of the web page and not at center of the screen. So pop-up is actually moved down and user do not see it, until he scroll down. But I also included...

Prevent jquery fancybox from closing when clicking on link

javascript,jquery,fancybox
I have a jquery fancybox with a normal a href link inside it. When I click on that link the fancybox closes. How can I prevent the fancybox to close after I clicked on the link? This is the code for the fancybox: $(function(){ $(".booking_module").fancybox({ maxWidth : 550, topRatio :...

How can I remove the FancyBox prev/play/next arrows in the navbar at the top of the FancyBox viewport?

jquery,fancybox,viewport,navbar,fancybox-2
I have thumbnails. If you click on these thumbnails, fancybox kicks in to show the bigger image. At the top of the viewport is a navbar with arrows that let you click to move left or right in the gallery, or to play the video if the thumbnail was a...

facebook like button not showing in fancybox title

javascript,jquery,facebook,fancybox
Hi I know a lot has already been asked about this, but I cant find the answer that will help me out. What I have is a webpage with a number of galleries that are using fancybox to display the big pictures. What I want is to include the twitter...

How do I make fancybox use its larger icons

jquery,fancybox
How can I make fancybox 2 use its larger icons versions? this ones ([email protected], [email protected]) This sucks I have to write something so this page will allow me to post my question....

Where to add social sharing code from provided jsfiddle to fancybox

javascript,jquery,facebook,fancybox
This is a very, very basic questions, as I'm brand new to Javascript and Jquery, but I can't seem to find the answer anywhere. I'm attempting to implement FancyBox on one page on our website, including the additional social sharing buttons provided by the FancyBox Tips and Tricks. Here's what...

fancybox-fancyapps not working

javascript,jquery,fancybox,magiczoom
I have the following pice of code but it is not working for me. $('#seisUrl').html(""); // reset div. var urls = url, filepath , filename; for(var i=0;i<urls.length;i++){ if(urls[i] != ''){ filename = basename(urls[i]); filepath = dirname(urls[i]); $('#seisUrl').append( '<a rel="zoom-id:zoom; seismic" href="' + filepath + 'thumbnail_' + filename + '" rev="'...

Apply class to Fancybox links/buttons that control 'next', 'previous', and 'close'

jquery,html,css,fancybox,fancybox-2
I'm using the following jquery to close a div when anything without the class 'click' is clicked (for empty space and certain other divs). $(document).click(function (event) { if (!$(event.target).hasClass('click')) { $('#div').hide(); } }); I don't want opening the fancybox gallery to close the div (fancybox 2.1.5), so I've applied the...

open fancyBox from PHP with informations from mysql

php,mysql,fancybox
I'm new in all this. I work only from what i found on the internet. I have a image gallery ( [http://adau.ga/peisaje.php] ) witch, true php displays informations from mysql data base. This is my .php file scrips: <html> <head> <title>Peisaje</title> <a href="#portfolio" onclick="galerie()"><h2>Peisaje</h2></a> </head> <body> <br> <?php try {...

Fancybox able to give two loading page pop ups ? both similar triggered?

jquery,popup,fancybox,fancybox-2
i try to configure fancybox to set up two fancybox pop ups to start at once as a click trigger, one pop up with a video from youtube, as a iframe method, and the second one it should bring some information about the author that the website is created for....

Fancybox is not showing from Server side call

javascript,c#,jquery,asp.net,fancybox
I have to show fancybox from server side. I have written a javascript method and called that method in ScriptManager.RegisterStartUpScript in asp.net button click Here is my code behind protected void btnSaveAndAddConcern_Click(object sender, EventArgs e) { ScriptManager.RegisterStartupScript(this, this.GetType(), "fancybox", "callFancyBox();", true); } and this is my javascript function function callFancyBox()...

Fancybox2 unwanted fancybox-margin class added

jquery,html,fancybox,fancybox-2
I've a loader overlay showing when I click on an ajax fancybox. But there is always a fancybox class added to it. Here is the fiddle. <div class="loading hide">Loading&#8230;</div> <a class="fancybox fancybox.ajax" href="http://fancyapps.com/fancybox/demo/1_b.jpg"> click me </a> $('.fancybox').fancybox({ beforeLoad: function () { $('.loading').removeClass('hide'); }, beforeShow: function () { $('.loading').addClass('hide'); } });...

implimenting jquery fancybox over animated gradient background

jquery,css,fancybox,gradient,animated
I have an animated gradient background and I am trying to place a fancybox over it. The gradient and fancybox are in two different stacked divs, yet for some reason the gradient is blocking access to the clickable thumbnail. When I take the gradient div away, the fancybox works like...

Fancybox popup always scrolls on top

javascript,jquery,html,css,fancybox
I have implemented the fancybox plugin in my website, but I noticed this issue: Every time I click an image, it opens the image correctly, but it always scrolls on top of the website, and does'nt let me scroll down when the popup is opened. You can see this issue...

Fancybox Youtube params cc_lang_pref not working?

jquery,youtube,fancybox,fancybox-2,params
I'm trying to pass some additional parameters through Fancybox for a video to force the French captions to be shown on an English video. When I include them in the href url, they aren't passed through to the iFrame. When I add : youtube : { params : { autoplay...

Uncaught TypeError When Passing Variable from FancyBox Into Parent

javascript,php,fancybox,parameter-passing,parent-child
i have a problem when i passing variable value from FancyBox. First, i will tell the code : Here is the code in the FancyBox : JavaScript function post_value(no){ parent.setSelectedUser(document.forms[no]["NO_INDUK"].value); parent.$.fancybox.close(); } html while($baris = mysqli_fetch_assoc($hasil)) { //1 item($baris); $no++; ?> <tr> <form name="<?php echo $no ?>" method='post'> <td><?php echo...

same value is assigned to all elements that have different id

javascript,jquery,fancybox
I am building and application that has a customized shopping cart. I am using fancybox (ajax) to get color-codes for five different sofa types (Furniture). After fancybox loads contents (colors) from database I am able to choose and select color for each sofa type. I have associated a code to...

Fancybox instance send POST to itself

php,jquery,ajax,fancybox,fancybox-2
I have a question. I'm using a Fancybox instance to show categories of tags. In this fancybox, users can edit the categories, delete them or create new ones. The script that is executed in the fancybox is called with AJAX. That means that a PHP-file (called categories.php) is being executed...

Adding text (footer) below Fancybox gallery thumbnails

jquery,fancybox,fancybox-2
I am attempting to add an additional text space to my Fancybox (v2.0.6) gallery under the thumbnails almost like a footer. Ideally like the lime green space in the visual example linked below. A visual example of what I'm attempting to accomplish ... http://i.stack.imgur.com/zP7fj.gif I belive to accomplish this it...