How to show loading animation with fancybox? - fancybox

I got fancybox working but I have this problem:
First, I can't make the loading image appear. And second, if I use a link to show an image on click, sometimes it fails to show it, because of the time it takes to load it (if it were an image instead of a link, it would have been already loaded by the browser, that's why it never fails with images).
In summary, I have a link, when I click it a modal window with an image should appear. Instead, a white box appears. If I reload the page, sometimes the image appears, sometimes it doesn't.

If it is working some of the time, maybe the problem is elsewhere? Is the picture you are loading particularly large, if you are shift refreshing I have experienced such effects in the past.

Related

cannot get clickoutside to work in Fancybox

Having changed every instance of clickoutside to "true" in my jquery.fancybox.js for my site https://byjohan.se, Fancybox still won't close when clicking outside the image. I first thought it had to do with me opening Fancybox by default in fullscreen but after changing that the problem still persists. What am I missing or doing wrong?
I'd be happy with every bit of help I could get :)
//Johan
Looks like you have to use clickSlide option, because clickOutsideoption defines action when clicked outside the slide (if you have not resized and/or repositioned slider area, then you actually can not click outside).

FadeInImage does not what I expect it to when filtering

This might be a bug but I'm not sure.
I'm trying to make a list of users in the app that I'm making. With to the left of all the users a picture of that user. Everything goes well when in loads in. The users that have a picture get them loaded in. The users that don't have one keep a placeholder image. So far so good.
But when I start filtering the records it gets messy. I have a search bar at the top. But when I start searching. All the names are still correctly displayed (the ones that are within the range of the search) but the images don't correspond with the correct users any more.
Please explain if I'm doing something wrong. But this might be a bug because this does not happen when I use the normal Image class. Only when I use the FadeInImage class
Underneath two screenshots to explain my problem. The first screenshot is when I boot the app. The second is after I pressed the button. Notice how the error.jpg url is standing next to the working image in screenshot 2.
I made a small example project to make it easy to reproduce this.
To reproduce, wait for the top image to load in. The second one will 404 but that is intended so it keeps its placeholder and after that click the button. You will see the 404 url next to the picture that was actually loaded from the web.

reload fancybox without reloading the page

I have 1st FB popup showing a small image and some data. I want to be able to click on the image and load/reload bigger version of the same image, with back button to go back to first FB popup ... im a simple programmer and need simple solution pls

Three20 'Back' button on WebController not functioning

I am using Three20's WebController in my project and I am having issues with the 'back' arrow on the bottom controls (the <| button).
When I load a page and click a link in the WebController you'd expect the back button to enable and if touched bring you back to the original page.
But when I hit a link from the original page the back button is not always working, it stays disabled therefore you cannot go back to the original page.
It does sometimes work, but it seems random and its rare it does. I looked in the source for three20's WebController and all its doing is using a UIWebView's goBack function. But as I said it does work sometimes, but not most of the time.
I have searched the net but found no other reports of this issues, does anyone have any suggestions?
Thanks!
I was able to find my solution. I traced the code and [_webView canGoBack] was returning NO, it was because I was not loading a request, I was rather loading an HTML string which wasn't being saved for use in the back button.
I changed my code back to loading requests and it fixed the issue.
Solution was found here:
http://www.iphonedevsdk.com/forum/iphone-sdk-development/18870-uiwebview-cangoback-always-returns-no.html

White box appears under the like button

When testing the like button on my page - I notice once pressed it shows a white box under it (where photos should be - although i have diabled that function). It can be removed by refreshing the page but i find this unsightly and covers vital content from the page.
Is there a way of stoping this happening?
Most likely relates to this known issue: http://developers.facebook.com/bugs/293075054049400.