Using JCarousel Lite Twice On The Same Page
May 4, 2011
I'm using jCarousel Lite on my site for a best sellers rotator and a logo rotator.
jCarousel Lite – A jQuery plugin | Ganesh
www.urlgone.com/65c719/
After a lot of trial and error, it seems to work great, except for one thing.
If javascript is turned off, the carousels don't load correctly and the home page gets messed up. But in the demo page for jCarousel Lite, turning off javascript isn't a problem as long as only one instance of it is used in a page.
Is there a way I can put 2 carousels on the same page and have them deprecate (if I'm using that word correctly here?) properly?
View 1 Replies
ADVERTISEMENT
Dec 26, 2010
I'm not very experienced with jQuery yet and after a while of trying and searching I decided to ask for help here:
I'm using jCarousel Lite, the "Custom Widget" scenario (click in the list on the left)[url]
When clicking on a image in the carousel, the larger image is shown immedeately. I'm trying to achieve a fadeout, fadein effect. Doesn't need to be a crossfade, a fade out to white, fade in from white is fine.
My 'bare' code (this works, with instant showing of pictures, without any fades)[code]...
View 1 Replies
View Related
May 25, 2011
I've set up jcarousel and configured it to work how I need it to, apart from one thing; I need the images to keep their width - height ratio when the browser is resized.
I'm using the Flexible carousel configuration and the width of the images changes appropriately when the window is resized, but the height stays the same, I need it to change.
View 3 Replies
View Related
Jul 13, 2006
I would like to know if anyone has some javascript code that reads an
external, arbitrary, XML feed, and can display the 2 or 3 latest
submissions based on the XML src.
Is such a task even possible with just client-side javascript?
View 1 Replies
View Related
Jul 30, 2009
I'm using Cycle Lite in two places on this site, to rotate through the testimonials on the homepage, and to step through the photos on the contact page with prev next links. The contact page works fine, but the homepage is not working at all in IE. I tried adding overflow: hidden to the container, but all that does is stop the extra content from spilling out over the rest of the page. But still no cycling. The site is [URL]
View 2 Replies
View Related
Jul 15, 2010
photo1.gif fades in as expected, then fades to photo2.gif, but then nothing else happens.
$(function() {
$('#slideshow img:first').fadeIn(1000, function() {
$('#slideshow').cycle();
});
[Code].....
View 1 Replies
View Related
Nov 1, 2011
I have successfully implemented the jquery cycle plugin, but on some machines we see poor performance. We are trying to implement the lite version and perform other optimizations in an effort to improve performance on older machines. Many functions of the cycle plugin we can go without, but one important feature is the ability to run a function once the cycle is finished. We accomplish this via "nowrap" and "end" without issue using the full plugin, but I believe these options to be missing from the lite as the function does not execute upon cycle end.
The first part of this topic is to determine (since there is no list of features available in the lite versus full) that the nowrap/end are not available in lite.If they are not available, we would like assistance in performing a simple function to redirect the user when the cycle ends. We are using the cycle plugin to create a "splash" page and we want the page to auto-redirect to the main page upon completion. The "end" function did this perfectly, so what options do we have to redirect the user without the "end" function?
View 1 Replies
View Related
Dec 12, 2011
I have two questions regarding JQuery Cycle
How to add 'slideHorz' transition and 'pager' options in JQuery Cycle Lite?I don't want to use the full version of JQuery Cycle because it would be too much for my purpose.
Also,Is that possible to use our own thumbnail as the anchor?
View 3 Replies
View Related
Jul 11, 2011
I am using fred wu's slideshow lite and although i have 15+ slides the slideshow only cycles through the first 4 and then starts back at the beginning and after 4 slides starts over.
am i missing a setting somewhere to let slideshow lite know how many slides to cycle through?
I'm using this plugin because it came with the joomla template "Profile"...
View 6 Replies
View Related
Jul 21, 2010
thereI have used two jQuery plugins on one html page - Cycle Lite and Lightbox. However, I can only get one plugin to work at one time. With the following code, Cycle Lite works but Lightbox doesn't.
[Code]...
View 2 Replies
View Related
Mar 7, 2011
Using the minified jQuery Cycle Lite Plugin (only 3kb) is very very attractive for the project I'm working on. I'm trying to make cuts in load time and 99% of my site would only requires the fade transition, however one area needs the 'scrollUp' effect. How hard would it be to add that effect to the Lite version of the plugin?
View 2 Replies
View Related
Jun 22, 2011
I noticed that image anchors do not work when using the lite version of jQuery Cycle(jquery.cycle.lite.min.js) . I am referring to this example: [URL]
I copied all the code from the example and couldn't get it to work, out of desperation I switched to using jquery.cycle.all.js and the anchors instantly began working. It seems the lite version only drops the opacity on inactive slides, because clicking any slide uses the anchor href from slide 1.
EDIT: Just tested with the other versions of Cycle, and found all the other versions of cycle work flawlessly.. curious :
jquery.cycle.min.js *works*
jquery.cycle.all.js *works*
jquery.cycle.all.min.js *works*
jquery.cycle.lite.js *fails*
jquery.cycle.lite.min.js *fails*
[URL]
View 2 Replies
View Related
Mar 23, 2009
[URL]... I would like to add a auto to the carousel does anybody know how its done.
An example of it is here but not sure what to do[URl].. I have used this framework from this site to build the one i am currently using but not sure how to add the feature.
View 2 Replies
View Related
Nov 5, 2011
I'm trying to get jQuery to hide jCarousel images while they load using the following code. It actually worked at one point but refuses to now (which makes me think it's a minor syntax issue). '#carousel' is the containing ul element. You can see I've tried it a few different ways. No errors appeared in Chrome's debugging console. "show('slow')" doesn't work either...
Code:
/* Hide jCarousel
*/
// $('.jcarousel-container').css('visibility', 'hidden');
// $('#carousel').css('visibility', 'hidden');
[Code].....
View 5 Replies
View Related
Sep 9, 2010
I am using jcarousel for a scrollable list of images (vertical). Unfortunately, when you try to scroll it the first time you enter the website its not working properly. Just when you try to visit the site the second time it the scrolling will work as intended (when cache deleted, again, it will not work). [URL]. To load the script earlier, I tried to already put it in the head of the index page (starting page), but this had no effect. The Problem is for IE and Firefox the same. I am using Dreamweaver CS4.
View 1 Replies
View Related
Apr 26, 2011
Everything was perfect until I uploaded one too many pictures. Using "SmoothSlider" for Wordpress and it seems that jCarousel 'overloads' when there are more than 12 images. Here is what happens on the page:
display: block; overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: -43650px
; width: 72750px;
left: # ; reaches a 'limit' approximately around 10,000px and results in the slider sliding back to the first image (left: 0px++) and then it goes to the correct pixel size.
View the page here: [URL] and try it your self.
View 2 Replies
View Related
Aug 18, 2009
i am using [URL] when i have reached the last item, where the next button shld have been disabled, its still enabled leading to an extra space when next is clicked. [URL]
View 2 Replies
View Related
Jul 1, 2009
Has anyone had a problem where JCarousel does not render images in IE 8 but works fine in FF?
View 1 Replies
View Related
May 15, 2009
I have got the following jCarousel code at http://sorgalla.com/projects/jcarousel/ and it shows just 3 thumbnails.
Does anyone know how to change this so it shows 5 thumbnails please?
View 5 Replies
View Related
Jun 27, 2011
We have jcarousel on our forum site which rotates automatically. It is vbulleting forum. In fact originally it was working fine with old design and rotating images automatically in horizontal direction with a set of 5 images visible at a time and total 12 images in set.
But we have upgraded our forum design in last week and I started getting issues with Jcarousel scroller.
Our site URL is [URL]
While old site design is still active at Parenting Forums - Natural Parenting Forum
At new design when we implemented jcarousel scroller it is showing only one image in a horizontal row at jscroller and it disappears immediately and after 3-4 min it do reappear again. When I inspected it using firebug I have noticed that other images are coming below vertically not horizontally, really strange. Also I noticed another thing is that it is not updating width at element.style in firebug for UL tag. It is showing fix width 220 px all time. I think due to that all images appearing vertically one after one rather than horizontally.
Code:
<style type="text/css">
.jcarousel-skin-tango .jcarousel-container {
-moz-border-radius: 0px;
background: transparent;
[Code].....
View 3 Replies
View Related
Nov 10, 2011
I have a problem on my website that I'm doing for a company, they have a Wordpress blog, and the blog page is set as a static home page, which is great. The problem is, the Atlantica theme puts a gallery on much of the blog, and worse, makes an even bigger gallery on the Home page (lucky me:-/). With some twiddling, I quickly figured out that I could just set the div "gallery" to "display: none" via CSS, and wah-LA! it disappeared..until 5 seconds later, when the error message "jCarousel: No width/height set for items. This will cause an infinite loop. Aborting..." continues to re-assert itself, provides an OK to out of the error message, and keeps pestering me again.
I know next to nothing about the format of JScript. I've tried if/then statements, but once again, I'm so new at this, that I haven't gotten that far. I'm a whiz at CSS, but Javascript is kind of kicking my tail.
View 13 Replies
View Related
Jan 27, 2011
I have 21 items in the list, but scrolling by hitting the right(next) icon only takes me to the 13th item and stops.
View 1 Replies
View Related
Sep 17, 2009
I've encountered a minor but annoying bug in jCarousel.
1. Go to http://sorgalla.com/projects/jcarousel/examples/dynamic_javascript.html
2. Double click the right arrow button.
3. Notice some of the images and middle section get the selection
[Code]...
View 1 Replies
View Related
Oct 19, 2009
I use jcarousel in one of my project. As we know active image in jCarousel, default set in the left or right. Can i customized so active image will centered? Let say there's 5 image and i want image number 3 in the middle is set as active image.
View 4 Replies
View Related
Aug 4, 2009
I have a couple of problems using jCarousel, and was hoping someone here might lead me to a solution. First of all, can I change the way the External Control function works? I am guessing that I "only" need to edit the javascript file, but having little knowledge of it, I chose not to. What I want to do, is use the External Controls as a pagination, so rather than being a navigation for each image, I would like it to navigate from one page of visible images, to another. More or less, I accomplished it by setting the value inside the <li></ li> to the number I wanted to navigate to.
However, this resulted in ridiculous number always increasing by the number of visible items (have a massive amount of images loaded).
So really, the question is:How can I navigate to a specific image in the carousel using a onclick function? Which brings me to the other problem, the External Controls behave as a list of navigation-buttons. If my carousel shows 500 images, it will generate 500 buttons for navigating. How can I automatically shorten it (as the Pagination Plugin does; [url])? Thinking about it, making such a pagination would be much easier if I knew how to solve the first problem.
View 1 Replies
View Related
Aug 4, 2009
(tried posting this earlier without result), I have a couple of problems using jCarousel, and was hoping someone here might lead me to a solution. First of all, can I change the way the External Control function works? I am guessing that I "only" need to edit the javascript file, but having little knowledge of it, I chose not to. What I want to do, is use the External Controls as a pagination, so rather than being a navigation for each image, I would like it to navigate from one page of visible images, to another. More or less, I accomplished it by setting the value inside the <li></ li> to the number I wanted to navigate to. However, this resulted in ridiculous number always increasing by the number of visible items (have a massive amount of images loaded). So really, the question is: How can I navigate to a specific image in the carousel using a onclick function? Which brings me to the other problem, the External Controls behave as a list of navigation-buttons. If my carousel shows 500 images, it will
[Code]...
View 2 Replies
View Related
