rlightbox2 icon indicating copy to clipboard operation
rlightbox2 copied to clipboard

rcarousel integration, only visible images available for rlightbox loop?

Open pxl7 opened this issue 12 years ago • 9 comments

Hi there,

great script!

where can I change a value for amount of rlightbox images to loop? seems that there's been a default value of 3 (currently visible in rcarousel), and rest of rcarousel images don't loop.

thank you.

pxl7 avatar May 09 '12 10:05 pxl7

I don’t quite understand. What example do you talking about and what are you going to achieve?

ryrych avatar May 11 '12 17:05 ryrych

I don’t quite understand. What example do you talking about and what are you going to achieve?

ryrych avatar May 11 '12 17:05 ryrych

I don’t quite understand. What example do you talking about and what are you going to achieve?

ryrych avatar May 11 '12 17:05 ryrych

I don’t quite understand. What example do you talking about and what are you going to achieve?

ryrych avatar May 11 '12 17:05 ryrych

I don’t quite understand. What example do you talking about and what are you going to achieve?

ryrych avatar May 11 '12 17:05 ryrych

I'm onto an example with rcarousel and rlightbox together.

http://ryrych.github.com/rcarousel/examples/lightbox.html

I can see that example is working properly.

When I transfer you example to my site, seems that when rlightox is triggered only visible images are rotating (default is 3 visible) but not the hidden ones as well. All others that are not visible are accessible trough thumbnails or moving rcarousel left or right and zoom them again.

Is there any other configuration that I should take care of?

thank you.

pxl7 avatar May 14 '12 17:05 pxl7

Ah, I think that the problem is that you haven’t initiated lightbox on all images first. First, you have to ‘index’ all images, then you can run carousel. Tell me how it goes.

ryrych avatar May 14 '12 17:05 ryrych

I was having a similar problem @Hervie my solution was is working... :)


$( ".lightbox " ).rlightbox();

$( "#ui-carousel-next" )
                .add( "#ui-carousel-prev" )
                .hover(
                        function() {
                                $( this ).css( "opacity", 0.7 );
                                $( ".lightbox " ).rlightbox(); // new call
                        },
                        function() {
                                $( this ).css( "opacity", 1.0 );
                                $( ".lightbox " ).rlightbox(); // new call
                        }
            );

  • Perhaps it would be better to call the click function
$( "#ui-carousel-next" ).click(function(
$( ".lightbox " ).rlightbox(); // new call
));

ursoforte avatar May 14 '12 19:05 ursoforte

There’s no need to call lightbox all the time you switches pages.

ryrych avatar May 14 '12 19:05 ryrych