limit number of thumbnails shown
Permalink Browser Info Environment
Hi,
is there a way of having only a limited number of thumbnails showing up on the page?
Say there are twenty pics in one file set but I only want ten thumbnails to show on page. Then when I open the lightbox be able to click through all of the pics in the set.
I sorted through all the q & a here, sorry if I overlooked the answer if it is already there.
THXS!
is there a way of having only a limited number of thumbnails showing up on the page?
Say there are twenty pics in one file set but I only want ten thumbnails to show on page. Then when I open the lightbox be able to click through all of the pics in the set.
I sorted through all the q & a here, sorry if I overlooked the answer if it is already there.
THXS!
Type: | Discussion |
---|---|
Status: | In Progress |
Perfect. Thxs a lot!!
Hi Jordan,
I wanted same thing as original OP but with "Deluxe Image Gallery" which I suppose is an enhanced version of Sortable Fancybox gallery.
So I modified the class name as per Deluxe Image Gallery class names in your code but that did not yield the desired results.
Could you help make this work for "Deluxe Image Gallery" too. I suppose the problem is with the gt() function of the jquery selector
thanks
dkj
I wanted same thing as original OP but with "Deluxe Image Gallery" which I suppose is an enhanced version of Sortable Fancybox gallery.
So I modified the class name as per Deluxe Image Gallery class names in your code but that did not yield the desired results.
<script type="text/javascript"> $(document).ready(function() { var show_number_of_thumbnails = 1; $('.deluxe_image_gallery_image:gt(' + (show_number_of_thumbnails - 1) + ')').hide(); }); </script>
Could you help make this work for "Deluxe Image Gallery" too. I suppose the problem is with the gt() function of the jquery selector
thanks
dkj
BTW where is the gt() function defined ? Is that a concrete5 helper function ?
Ok :gt() is a jquery selector. Ok but the entire code is never loaded if you place it below endif
thanks
dkj
<script type="text/javascript"> $(document).ready(function() { var show_number_of_thumbnails = 1; $('.deluxe_image_gallery_image:gt(' + (show_number_of_thumbnails - 1) + ')').hide(); }); </script>
thanks
dkj
Hi
If I have more than one gallery on the page, it will only display first gallery images upto specified no of limited image rest gallery are hidden by the jquery selector.
Could you modify the code so that it only hides images for that each gallery.
thanks
dkj
If I have more than one gallery on the page, it will only display first gallery images upto specified no of limited image rest gallery are hidden by the jquery selector.
Could you modify the code so that it only hides images for that each gallery.
thanks
dkj
Please provide a link to the page on your site where you have the gallery and I can take a look.
here is the link
http://ananyalifeskills.com/gallery/summer-camp/
Here is another one.
The problem I am facing is when there are more than two galleries on the same page then only the first image from the first gallery is shown and other galleries get hidden. How can we display first image from each gallery on the same page.
thanks
dkj
http://ananyalifeskills.com/press/
The problem I am facing is when there are more than two galleries on the same page then only the first image from the first gallery is shown and other galleries get hidden. How can we display first image from each gallery on the same page.
thanks
dkj
Try this jquery instead:
<script> $(document).ready(function() { var show_number_of_thumbnails = 1; $('.deluxe_image_gallery_container').each(function() { $(this).children('.deluxe_image_gallery_image').slice(show_number_of_thumbnails).hide(); }); }); </script>
...and at the very bottom (BELOW the "<?php endif; ?>" line), add this new code:
Hope that helps!
-Jordan