I have inserted an image gallery inside a BS accordion.

When I do this the thumbnails on hover do not show.

Please advise, thanks.

Hello,
Please provide a link to your page where we can check this issue...

cohendiamond.com/dev2/indexnew.html

click the more buttons for wedding bands or classic engagement rings to see the gallery

The problem on your page is caused by the fact that the thumbnails are not uploaded on the server ...
cohendiamond.com/dev2/wbGal/thumbs/ -> nothing here.

yes you're correct. Look at the engagement rings ...

the thumbs are uploaded now for both galleries

Well, the gallery code on your page is messed up for some reason. It is not how the extension actually creates the code:

<script type="text/javascript">
                    // <![CDATA[
                    jQuery(document).ready(
                        function () {
                            jQuery("#wbGallery1").dmxGallery2({
                                "width": "100%",
                                "thumbWidth": 100,
                                "thumbHeight": 100,
                                "thumbHolderPosition": "bottom",
                                "thumbShowOnHover": true,
                                "captionOpacity": 50,
                                "dataSource": "",
                                "dynSlides": {
                                    "target": ""
                                }
                            });
                        }
                    );
                    // ]]>
                </script>

This should become:

<script type="text/javascript">
  // <![CDATA[
  jQuery(document).ready(
    function () 
		{
       		jQuery("#wbGallery1").dmxGallery2(
	   			{"width": "100%","thumbWidth": 100,"thumbHeight": 100,"thumbHolderPosition": "bottom","thumbShowOnHover": true,"captionOpacity": 50,"dataSource": "","dynSlides": {"target": ""}}
			);
		}
	);
		// ]]>
 </script>

OK. I fixed that but I see no change...


in dmxgallery2.css there are two blocks of code for perfect scrollbar. they look identical. is that normal?

Please email your indexnew.html page to so we can check it.

ok

Sent just now

also noticed that option to set current slide has no effect

any ideas?

as advised by Miro, I added this:

<script type="text/javascript" src="$('#toggleWB').on('shown.bs.collapse', function () { 
    $('#wbGallery1').dmxGallery2('create');  });"></script>

<script type="text/javascript" src="$('#toggleER').on('shown.bs.collapse', function () { 
    $('#erClassicGalleryGallery').dmxGallery2('create');  });"></script>

<script type="text/javascript" src="$('#toggleERF').on('shown.bs.collapse', function () { 
    $('#erFancyGallery').dmxGallery2('create');  });"></script>

It didn't help.

http://cohendiamond.com/dev2/indexnew.html

So it seems that this extension will not show thumbs within BS accordion/collapsible element even after including js event shown.bs.collapse?