Limited navigation about scatteredpolaroidsgallery HOT 8 OPEN

@ericthelast
@botelho
Can you please help?

from scatteredpolaroidsgallery.

@alialamshahi, regarding navigation arrows you should be able to use the new navigate() method (see 684a12b). Simply add your arrows markup, then bind click of each to call the navigate() method. navigate() also takes one arg (prev/next) so the way I determined that was to add a data-dir="[dir]" attribute to my arrows, then check for that in the click handler.

Hope that helps.

from scatteredpolaroidsgallery.

@roylodder @ericthelast, Thanks a million!

from scatteredpolaroidsgallery.

Thank you for all of your comments! I am trying to remove the navigation dots and add arrows instead - am finding it really quite tricky though! I have tried replacing the photostack.js file with the new one found using the link above (684a12b) but it breaks the gallery and leaves just the last image in view?

Does anyone have a simple way of explaining how to do this quickly? It feels like I have lost a few years of my life trying!

Thanks again!

from scatteredpolaroidsgallery.

This is how I did. Works perfectly:
var ps = new Photostack(document.getElementById('photostack-1'), {});
$("#leftArrowGallery").prependTo($(".photostack > nav"));
$("#rightArrowGallery").appendTo($(".photostack > nav"));

$("#leftArrowGallery").click(function () {
    ps.navigate('prev');
});

$("#rightArrowGallery").click(function () {
    ps.navigate('next');
});

if you want to remove the bullets just do a $(".photostack > nav > span").each(function(){ $(this).remove(); }); before adding the arrows.

from scatteredpolaroidsgallery.

Hi!

If use new photostack.js from 684a12b I get an error "Cannot read property 'offsetWidth' of undefined". And I get the same error even if open index.html in ScatteredPolaroidsGallery

Why does it happen?

Thanks in advance for your help!

from scatteredpolaroidsgallery.

This is an awesome plugin! I got it working great, but I would like to make it possible for users to also be able to click directly on the scattered polaroid images to select (make current) and move to middle - just like the Nav dots do. I am new to learning js/jQuery, so I am finding it difficult to figure this out. I would think it would be possible since it is already working with the Nav dots. How can I make this happen? Any help greatly appreciated!!

from scatteredpolaroidsgallery.

I was able to get the prev/next buttons to add and work. However, if a user clicks anywhere on the gallery (not the buttons) it will shuffle all of the other images (not the current image) but then it breaks the prev/next buttons from working. If they do not click anywhere on the gallery and only click on the prev/next buttons, it works just fine, but if they click anywhere other than the buttons, it shuffles the images and breaks the prev/next buttons. Any suggestions?

from scatteredpolaroidsgallery.