JCarouselLite Fallback in Safari/Chrome? - javascript

I was wondering if there is a way to use a fallback option if the browser the website is opened in is Safari or Chrome?
At the moment my problem is with JCarouselLite which is not working properly when the home page loads, so I was wondering if someone knew of a way to counter this by disabling javascript in those browsers?
The full description of the problem I'm having is on Problem with JCarouselLite in Chrome.
Hope someone can help,
Kind Regards,
Snakespan

Put your jCarouselLite script in the window.onLoad() function.
For example
$(window).load(function() {
$("#car_scroller").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
visible: 7,
scroll: 7
});
});

Related

Jquery error appears at the bottom of the browser when on my Wordpress homepage

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

Fancybox doesn't work properly

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();
}
});

javascript not working in chrome,safari,ie etc

I have an javascript code for the video change in joomla based website but it is not showing in chrome,safari,internet explorer but it is getting displayed in Mozilla Firefox.
Here is a code for the javascript.
<script type="text/ecmascript">
$(document).ready(function() {
$("ul.videolist").ytplaylist({addThumbs:true, autoPlay: false, holderId: 'ytvideo'});
});
here is the live link : http://great.server279.com/greatofficiants
I think I know what's wrong and I will post my answer but you know what, I think what we should be talking about is how to make you a better debugger. A post like that you wrote doesn't really help us or help you. First of all more important than what your code is, What does your console say?
If you are using Google Chrome press F12 or Ctrl+Shift+J and look at the console panel. Are there any messages you could share with us?
Any way, that's what on my mind
Joomla by default loads MooTools in the header so what I have in mind is that you either didn't load jQuery library or it's loaded and it's conflicting with MooTools.
Try changing your code to:
<script type="text/javascript">
window.addEvent('domready', function() {
jQuery("ul.videolist").ytplaylist({
addThumbs: true,
autoPlay: false,
holderId: 'ytvideo'
});
});
</script>
and make sure that you already called jQuery and your code contains jQuery.noConflict();

Problem with JCarouselLite in Chrome

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
});
});

jQuery tools tabs fade effect

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

Categories

Resources