Using jquery 1.8.3, with http://www.appelsiini.net/2012/lazyload-180
effect:'fadeIn' no longer works on images that are hyperlinked?
If the image is just standalone the fadeIn works fine, but if wrapped in an anchor tag the image just appears without any effect.
Does anyone know a solution?
Related
I put the no-captcha recaptcha in a popup (FancyBox), everything is fine.(recaptch1.PNG) But when the user click on the checkbox the captcha image overlay is not show entirely. (recaptch2.PNG).
My question, can we place automatically the overlay the manner the user can see the directive. (recaptch3.PNG) Or can we resize the overlay to fit the iframe in the popup so everything can be seen?
Any suggestion?
recaptch1.PNG
recaptch2.png
recaptch3.PNG
I think i found a solution. After a lot of search i have found this link: https://www.geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/
It's resize the container of the recaptcha V2, but not resize the overlay because google inject the overlay on the page not in the container. Because i have found that google inject the overlay on the page, I can now customize the overlay. So I use the technique on the previous link but I affect to the class "gc-bubbleDefault".
I add this in my css and this solve my problem:
.gc-bubbleDefault{transform:scale(0.82);transform-origin:0;-webkit-transform:scale(0.82);transform:scale(0.82);-webkit-transform-origin:0 0;transform-origin:0 0; 0}
It's a solution that don't work on all browser version (not old ie), but it's work for me.
I am using Master Slider In my Wordpress site.When resize browser window manually slider is working fine but when I test it with my mobile images didnt load generally, I only see loader image.I tried to be sure that all divs are streched with their parent and all is ok but images didnt load on mobile devices.
How can I fix this?
I found the solution.It was because of other jquery library of slider, so they are getting on conflict with each other.
While using Kendo UI Upload control I am facing a UI issue that I am unable to resolve as in FF, Chrome and IE10 its fine. But, in IE9 the UI is little bit distorted when status message is displayed.
After observing in IE developer tool, I found the following difference in the rendered HTML. Please refer the image -
In IE10 the status-message is wrapped inside a div with class k-dropzone. But, in IE9 there is no wrapper for that. What could be the solution for this?
Thanks
Perhaps padding div containing the file upload control will spread out the elements a little:
#fileUpload {
padding:15px,15px,0px,15px;
clear:both;
}
I'm using http://colorpowered.com/colorbox/ and jquery Tokeninput without problems - untill I combine them and want to tokenize an input field in an colorbox.
I load my file in a iframe through colorbox and jquery Tokeninput loads up suggestions just fine untill I want to touch one of the items in the populated list.
All is good on my regular computer. The problem only exist when using iPad/iPhone (hav'nt tried other touch devices).
Any ideas as to where the problem belongs? I'm not sure whether it's colorbox or jquery Tokeninput to blame?
Just to check I loaded http://loopj.com/jquery-tokeninput/demo.html in a colorbox - same problem. The demo page works just fine on iPad when not in an colorbox.
/anders
denmark
I've been having similar problems with other contents in colourbox. I think the problem is that iPhone Safari doesn't support position:fixed;
I'm having a really strange issue, I have a flowplayer video, and next to that is an image that when clicked shows in a fancybox, in webkit, mozilla it works fine, but IE decides to put the video in front of the slide.
I thought this might be related to the z-index, but everything seems fine there. Fancybox gives the loading image a z-index of 1200 which is way above what it needs to be.
Here is a link to the page
http://bit.ly/bEechI
i got the same problem, if i figure it out, i'll let u kno
answer: changing the wmode to transparent should fix it.
flowplayer("myDiv", {src: '/flowplayer.swf', wmode: 'transparent'}, {
// flowplayer config
});