Gallery not loading correctly on Asteria Lite

[Irima]

Hi,

For some reason with my galleries, the main picture doesn’t always load first time, just the thumbnails. Usually if you click on the link from the drop down then it does.

Secondly, instead of showing one arrow to move left/right to the next/previous pictures in the gallery, it shows multiple, and other images in the gallery behind it.

Link below:

Only thing I need to sort out and then I’m good 🙂

Thanks

[Towfiq I.]

replace the code of gallery.js file from the “js” folder with this : http://pastebin.com/raw.php?i=bZnJastw

[Irima]

Hi Towfiq,

Where is the “js” folder? I’m using wordpress via godaddy. I can edit themes via appearance tab and get the coding for gallery section (from gallery to /*SIDR PLUGIN STYLE*/). Should I replace all the code with whats in that link?

Cheers

[Towfiq I.]

First install this plugin: http://wordpress.org/plugins/solid-code-theme-editor/

Then Go to Appearance> Sc Theme Editor and click the “js” from the right and then click the gallery.js file and then replace all the code with the code you find here: http://pastebin.com/raw.php?i=bZnJastw

[Irima]

Hi Towfiq,

Thank you so much for explaining how to do it :).

Unfortunately, the gallery is still showing double arrows/picturs: http://www.irimaveemakeupartist.com/gallery/bridal/

Any idea as to what it might be? It seems beautify is no longer working, and they are just thumbnailed too. I’ve tried on a number of browsers and different computers.

Thanks

[Towfiq I.]

I see you disabled the beautify gallery option. can you turn it on and let me know?

[Irima]

According to Asteria Options it’s still on. That’s what’s confusing me.

Could it be something in the new code I updated?

[Towfiq I.]

Open up gallery.js again and add a }); to the very bottom of the file.

[Irima]

This is what it was…
});
jQuery(window).bind(“load”, function() {
jQuery(‘.ast_gall’).waitForImages(function() {
jQuery(‘.firstbiggy’).fadeOut();
jQuery(‘.ast_gall’).css({“minHeight”:”auto”});
jQuery(‘.gib .gallery-caption’).css({“display”:”block”});
});
// Gallery plugin written by Towfiq I.
});

So I added it right at the bottom. Beautify working now, but gallery still showing 2 arrows and overlapping: http://www.irimaveemakeupartist.com/gallery/bridal/

It’s basically showing all the images in the gallery at once, and they are all of 2 sizes, so 2 arrows for rectangular size and square size images.

[Towfiq I.]

Add this to your Custom CSS:

div.gib{background:#fff;}

[Jass]

Thank you for your help and your explanation Towfiq,
I had the same problems Irima discribes and I followed all the steps, but still my galeries don´t appear right, because the pictures are overlapping. I`t be really thankful for any tipps on how to fix this. http://sand-hexe.de/reisefotografie/olympic-national-park-washington-usa/

[Towfiq I.]

you mistyped the background. add this too your Custom CSS:

div.gib {background: #fff;min-height: 500px;}

[Irima]

Thank you enormously!! It’s perfect 🙂

[ImageryD]

I’m getting thumbnails,

but the large images and arrows are now showing,

http://darrennames.com/galleries/paintings/

[Jass]

Thanks a million for your time and help! Solved and the gallery looks great 🙂

[stefan]

Dear Support,

how i can show out my gallery, for free theme can showing the gallery?

i try but can’t make it.

thank you