I used jQuery tools to create a tabs setup, and I would like to incorporate the fade effect, but when I try to do so, it bombs out, here is my code:
$(function() {
$("#flowtabs").tabs("#flowpanes > div", { history: true, effect: 'fade' });
});
I am assuming that it's because I am also enabling the tabs history?
I am kinda new to all of this, so please be patient! :-)
Thanx in advance!
I had a problem with fade when using the jQueryTools tooltips. It was with the downloaded version. I plugged into their CDN version as a sanity check, and the fades started working properly.
To get the most recent CDN link, visit the download page and look for the Quick Start section
Related
Im using a theme to build a website and at the bottom of the browser window (not the site) there is the following message:
$(document).ready(function(){ $("#testimonial-slider").owlCarousel({ items:1, itemsDesktop:[1000,1], itemsDesktopSmall:[979,1], itemsTablet:[768,1], pagination: true, autoPlay:true }); });
I am not a programmer so don't understand Javascript, I am not using Owl Carousel and the home page seems to be the only page this message is on.
Just wondering how I rectify this, or just remove it if it is some sort of stray piece of code.
Any help would be really appreciated,
thanks
I'm using fancybox (version: 2.1.5) to show pop ups on my site and it does not work properly, it throws an error
undefined is not a function
Every time when I'm opening and closing fancybox. Here the screenshot: http://grab.by/A5MK
I brought it to work partially and seems it fullfil my needs. But every time when I close it, background stays gray out and I need to click on it one more time to make it go away.
I can't puzzle out what can cause such inconsistency. Does that affiliated with jQuery version (I have it 1.7.1) or with peculiarities of fancybox? I would like to know if someone has encountered with such problem and how can I work around that? Is it feasible to get it to work or I should use another lightbox plug in?
Note: site created with Wordpress CMS.
Sorry for such convoluted and long-winded specification, I have tried my best to provide all information connected with problem.
Thanks in advance.
Edit: I don't know in what extent my code can be helpful on this occasion, but anyway here is my code
$("a.fancybox-purchase-inline").fancybox({
prevEffect: 'elastic',
nextEffect: 'elastic',
autoSize: true,
closeBtn: true,
afterLoad: function () {
set_billing_state_placeholder();
show_billing_state();
}
});
I am using this menus http://wijmo.com/widgets/wijmo-open/menu/ , its working ok but i have this problem:
Takes some time to load the js files and the menu show up like a tree and after some seconds the menu is ok.
How can i speed up the loading or do something to dont show the tree?
I tested the online demo using the latest version 2.3.7 available at the below link:
http://wijmo.com/demo/explore/?widget=Menu&sample=Overview
and the menu did show up without any delay. Could you kindly check the same ?
If the issue persists then let me know the browser details and the version which you are using.
Regards
I'm using JCarouselLite on my website www.peach-designs.com and my problem is when it loads in Chrome, the entire page doesn't load - just the navigation bar, rather than the image scroller I have. When I click 'Home on the navigation bar, everything displays fine (index.php), but not the initial load (which should ideally be index.php shouldn't it).
I have had advice that the problem is JCarousel, my other problem is, I have JCarouselLite with no control buttons or anything, and the code looks completely different to JCarousel. Is there anybody who has encountered this problem with JCarouselLite who can help?
Hope you can help,
Kind Regards,
Snakespan
Try to use
$(window).load()
rather than
$(document).ready()
, it works for me!
Full working code after I applied Kainnan fix:
$(window).load(function () {
$("#prodCarousel").jCarouselLite({
auto: 7000,
speed: 1500,
scroll: 4,
visible: 4
});
});
I'm wondering about the fade-in effect for images on mashable.com (see http://mashable.com/2009/08/14/google-android-logo-remixes/ for example)
As you scroll to the image, it fades in. It's not fading in on page load, only upon the actual appearance of the item on-screen.
Thanks.
It's achieved with the jQuery plugin Lazy Load.
EDIT: Here's the code they used:
if(! navigator.userAgent.toLowerCase().match('ipad')){
$('#primary img').lazyload({effect:'fadeIn',placeholder:'/wp-content/themes/v6/_base/img/blank.png'});
}
Found the mootools version of the lazyload http://davidwalsh.name/mootools-lazyload
Unfortunatelly, the Lazy Load plugin not works in most actual browsers, according the own author says in the official web site.
But the jQuery Appear Plugin do almost the same thing! ;-)
There is a jQuery version of lazyload too.
A YUI version is available too. In fact, Lazy Load was inspired by it.