Posted by jo1ene on May 12, 2009 at 1:36am
Jump to:
| Project: | jCarousel |
| Version: | 6.x-1.1 |
| Component: | Code |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | closed (fixed) |
Issue Summary
I am able to get this working (easier than I thought) by theming the output of an image field to be in UL format then calling:
<?php
jcarousel_add('#gallery', array('scroll'=>'1') );
?>I have large images that I want displayed one at a time. What ends up happening is that it skips to the last image when I click the next (right) arrow. Going backwards (left) works as expected - cycles through each image one at a time. The demonstrations in the help section seem to work as they were designed.
My husband said he thinks the buttons are on backwards... hehehe
Any ideas?
P.S.
Relevsnt CSS:
.jcarousel-skin-tango .jcarousel-container-horizontal {
width: 400px;
padding: 20px 40px 20px 40px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 400px;
height: 400px;
}
.jcarousel-skin-tango .jcarousel-item {
width: 400px;
height: 400px;
margin: 0;
}
Comments
#1
I have this same problem. I fixed it (your husband's comment got me to thinking...) by reversing the buttons in the CSS. It makes for a bit of an odd display, because not only did I reverse the buttons in the CSS, but I also set the jcarousel to start on the last item (otherwise the buttons make no sense). It works, just strange.
Here is the css (I am using my own skin), relevant changes in bold:
/**
* Horizontal Buttons
*/
/* NOTE: due to quirk in jquery, the buttons are reversed. Fixed CSS so that 'next' really is in 'prev' place. */
.jcarousel-skin-mgm .jcarousel-next-horizontal {
position: absolute;
top: 40%;
left: 0;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(prev-horizontal-bl.png) no-repeat 0 0;
}
.jcarousel-skin-mgm .jcarousel-prev-horizontal {
position: absolute;
top: 40%;
right: 0;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(next-horizontal-bl.png) no-repeat 0 0;
}
And here is my jcarousel_add:
<?php jcarousel_add('#carousel',
array(
'scroll'=>'3',
'wrap'=>'both',
'animation'=>'slow',
'start'=>'4',
),
'mgm'
);
#2
Found a related issue: http://drupal.org/node/329514
The "scroll" value must be an integer (pass it without quotes).
#3
Closing after lack of activity.