vodkabears / galereya Goto Github PK

I love your script! It works great and looks beautiful and was easy to mod out to make it fade instead of slide.

However, Everytime we click on an image, we see the loading bar and then the image pops up. I'd like to preload the next image so that we have a much lower chance of seeing the loader.

Is this possible? I'm too rusty with JS to pull it off on my own.

Sorry-I found solution in latest version

Randomly and most times, the slider seems to struggle on mobile browsers after sliding past 5 items. It drags and takes a lot more time to slide to the next item

Hi, how can I do this please?

I am trying to integrate galereya with InfiniteScroll . The issue occurs when I attempt to initiate galereya on the new images with infinite scrolls callback. All images disappear.

the callback is set up as so:

function( newElements ) { $('#gallery').galereya(); }
Any way to call galereya on the newly loaded images?
An alternative I thought of was if I load using your var= data[] method, is there a way to load a certain number of images this way using a click function calling

 next(data);

As an example, if you had a gallery of 100 images, is it possible to set the number of images in the data array to load initially (say the first 20 images) and then load additional sets of 20 by using a click function?

Hi VodkaBears, thanks for the hard effort on galereya plugin.

I'm a web designer, jquery knowledge very limited, but I find this plugin very cool and suitable as online portfolio. No fancy effect, all transition are sleek enough.

However, regarding the the plugin, is that possible to create a gap or space at the bottom of the thumbnail container? I've tried many ways with css, but nothing came through.

And secondly, is that possible to create a photo gallery for each thumbnail?
The next and right button would be next or previous project, and when scroll up and down will navigate through the project photos.

Thanks again!

http://vodkabears.github.io/galereya/ seems broken.

Galereya slider description appears for half of a second then dissapears on mobile device. Instead of description there is only white space now. Any clue what's wrong?

How do i map category with multiple images

Might not be an issue.
When using the demo version to the basic Galereya, the drop down menu displays "ALL" image thumbnails by default. Anyway of hiding all thumbnails and then showing thumbnails once the drop down menu is activated?

Hi! I am using galereya and every time I add a new picture it pushes my footer up and underneath the the row of photos. I have no clue why this is happening, since it doesn't happen to any of my pages that do not include the plug in.

This is what it looks like now:

When it is in responsive/mobile mode however it doesn't do that and the footer is positioned at the bottom, so again I have no clue what is going wrong.

This is my CSS for my footer:

    footer{
        clear: both;
        height: 120px;
        text-align: center; 
        background:#b0cef4;
        padding-top: 60px;
        width: 100%;

    }

    footer a span{
    display: none;
    }

If someone could PLEASE help me that would be greatly appreciate.

Hello, it will be cool to add more callbacks.

I'm now using onSliderClose() and onSliderChange(index, data).

You can check https://github.com/simi/rouming-ng/blob/4406676a79bf2682248df10dc19fde9850852bda/js/vendor/jquery.galereya.dev.js for my naive implementation.

I can send you PR if you want.

Also do you have any plan to add changeSlide(index) or any idea how to achieve this?

Anyway, thanks for this awesome script! ❤️

Hi

I'm using your plugin in one of my projects and I would like to have a footer on the bottom of the gallery, right now it always get's to the top of the gallery.

Could you point me to the right direction please?

Thanks

Hi VodkaBears,

I love your plugins but, I am trying to prove your plugins and do not know that I am doing badly. I have used the first form for its functioning but the images don't show in the screen.
There is a message of mistake in javascript and says this:
-Uncaught TypeError: Cannot read property 'length' of undefined in line 220 = for (var i = 0, len = items.length, article, $img; i len; i ++) {

Can you help me?
This is my demo http://www.mediafire.com/?4rvc0h8fec4l1n8

thanks.

each individual images seems to be absolutely positioned. So if there are other elements below the image gallery it ends up like this:

Here's my code:

        <div id="photos">        
          @foreach($photos as $photo)
            <img src="/uploads/photos/small-{{ $photo->filename }}" data-fullsrc="/uploads/photos/{{ $photo->filename }}">
          @endforeach
        </div>

$('#photos').galereya({
    wave: false
});

Do you have an example or at least a bit of code explaining this or how it is implemented?