Code

Discussion on Flow Gallery - HTML5 Multimedia Gallery

Discussion on Flow Gallery - HTML5 Multimedia Gallery

Cart 545 sales

cosmocoder supports this item

Supported

185 comments found.

All demo doesn’t work. Only loading and won’t populate images.

I tested the live demos in the product page and they are working. Are you having trouble loading the demos in your local machine? If so ensure that you are using a local server environment, as browsers block AJAX requests in a HTML file loaded directly.

Great work!

hi i have big amount of images in albums and i try chunk loading but now works. i use loadItemChunks: true, loadChunksOnScroll: false, initialChunkSize: null, // null to disable chunkSize: 10, but on mobile not working. is chunk wokrs on albums ?

I didn’t quite get your question. Are you having problems in loading chunks in mobile? I tried it on my side and it works with mobile.

yes in mobile and desktop i get issue to load with chunks. can i dm you in private?

Please contact me through the message box in my profile page – http://codecanyon.net/user/cosmocoder

hi on mobile i want to show 3 alubums in a row, now it shows 1 album on each row. how can i define this? similar to item config columns: {320: 3, 480: 4, 720: 5, 960: 6, 1200: 7}, how can i do the same for the album images also ?

For the items in album to have same height use gridType: ‘rows’ – when i do this i loose the mobile view, now i use in mobile 3 items and it shows 1, how i keep the mobile view? thanks

and one last question, how i can change the album preview image? now it takes auto the first image from gallery, can i put custome image for album? thanks

In order to have more items in a row when using gridType: 'rows', then you can tweak the rowItemMinWidth setting (check the documentation).

The plugin supports having custom showing a custom thumbnail for each album, it needs to be specified in the config JSON. Check the JSON Setup section in the documentation.

Replied to your comment in the Flow Gallery WP plugin’s comments section

Hello, presale question. Can i implement it in my existing html page? Thx

The package from CodeCanyon comes included with the demos that you see in CodeCanyon itself. Note the the demos need a server environment to run properly, and also if you have Youtube video items, then you will need to provide a Youtube API key.

If you still can’t get the demo to run in your server, then I will need a link to your page to inspect the problem.

Hello, i think that the call function is wrong. I only used fotos and have created the json file, but they load endless. You can take a look here: https://image-garden.de/gallery/albums-stacked.html thx

The issue is happening because you have the following in line 74 of your html file:
<script>
     $(document).ready(function() {
         $('#gallery').flowGallery();
     });
</script>

You don’t need that since Flow Gallery is already being initialized at the end of the html file.

I want a refund for this item as I can’t work with it. like many have reported on here the demo’s just endlesly load and shows nothing, i tried incognito i tried clear cache i tried chrome firefox i uploaded to server i tried localhost…. this is rubbish, no script should have this much issues. and why is json necessary, its just another step that is completely unnecessary? please refund me.

Thanks for purchasing!

If you have been trying the included demo as is, then probably you didn’t provide a valid Youtube API key, which is needed for pulling the info for Youtube video items. If you don’t need Youtube video items, then remove the references to them from the json config file, and try the demo again. If the problem still continues then please provide me with a link to your page so that I can inspect it.

Also regarding json, you are not forced to always provide the gallery data in a separate file, but can instead make use of the “configData” option (please check the documentation for details).

Hello.

Please help me solve problems with your script.

I downloaded the script, launched the demo albums page. It doesn’t work, there is an error in the console. I added my API key for YouTube, the error is still there, the gallery does not work. I removed the YouTube call from the json file configuration. The error is gone, the gallery is working. But only the covers. If you click, the photos in the album are not loaded.

Is it possible to do the same as in the demo file?

I tried the second demo in Firefox, Chrome and Safari, and in all of them the gallery worked fine, where the images inside all albums loaded correctly. In which browser are you trying the gallery?

I think you have a system or browser cache that stores other data. I recorded a video where you can see that in the first option the gallery does not work in any browser, in the second option it does not work only in chrome. But I would like YouTube to work too.

https://youtu.be/P7OUvRjGfrA

I tried the second demo in Incognito mode of the browser, which doesn’t have anything cached, and it worked fine for me. As for the first demo, you have not provided any valid Youtube API key (I see youtubeAPIKey: 'abcd'), which is why you see the error.

Hello,

With your Flow Gallery plugin, is it possible to code a button that adds images, videos or audio files to the flow gallery through a file browser window? Thank you. William

Thanks for purchasing!

It is certainly possible to write a script that allows an user to upload their media files, and which also updates the gallery data accordingly.

If you have a WordPress website then you can take a look at the WP plugin version of Flow Gallery which allows uploading media files through the WP Admin area.

Hello I read that it is able to build gallery from a folder . Question : does it scan also the folder subdirectories to build the gallery ? Thanks

If you want to show “albums” in your gallery then you will need to have subfolders in your photos folder, where each subfolder contains photos for an album. If you don’t want to display albums then your photos folder should not have any subfolders, except a special one called “thumbs” which is meant to hold the thumbnails of your gallery photos.

Hello, i have purchase this soft last week and trying all i can to install in to my server and still got no luck….. Please help me out!???

Thanks for purchasing!

Please share the link of the page where you have been trying to embed the gallery and I will take a look.

hello i buy the gallery but i get javascript error when run it on server the error says: Uncaught TypeError: Cannot read properties of undefined (reading ‘0’) please contact me how to solve this. i use the files as is no changes all ok but still i get this error. thanks

i removed all video left only phot and audio but still i get this javascript error

hi sorry, please ignore now it works after removing all videos. thanks for great product

Glad to know you got it working.

hello,

1/ Flow Gallery: if we have a valid Youtube API key, the extraction of the content with youtube API response structure is done automatically and returns a json with thumb and video link?

2/ does video feed do the same? not for example the upload to youtube directly from the web application. in fact sending a video to youtube is done completely independently? nothing allows sending to youtube?

unfortunately the payment card is currently not available from the codecanyon site! only paypal and ..

thanks.

bcosson@gmail.com

Thanks for your interest!

Regarding your queries:

1. The plugin will indeed fetch all the necessary data from Youtube when you have a valid API key.

2. Are you asking if the plugin can upload videos to Youtube? If so, then the plugin can’t do that, as it is just a gallery for showcasing media items.

can’t load images in demo. I get following error in console:

Uncaught TypeError: Cannot read property ‘0’ of undefined at Object.success (jquery.flowgallery.min.js:5) at i (jquery.min.js:2) at Object.fireWith [as resolveWith] (jquery.min.js:2) at y (jquery.min.js:4) at HTMLScriptElement.b.onload.b.onreadystatechange (jquery.min.js:4)

Please help me resolve the issue

Thanks for purchasing!

I need a link to your page to inspect the problem.

This code doesn’t work for me. The demos don’t populate, and implementation is not working at all.

Is there something wrong with the latest version?

There was a change in the Vimeo API response structure which was causing the gallery to not load. I have submitted a fix for it, and the updated version should be available soon.

As for the demos provided with the package, you need to provide a Youtube API key (check the html file for each demo), in order for the plugin to be able to load Youtube videos. If you aren’t interested in having Youtube videos then you can delete references to Youtube items from the config.json files for the demos.

Hi dear Cosmocoder,

¿Flow Gallery includes admin panel to publish items?

Thanks

Thanks for your interest!

There is no admin panel included because this is just a jQuery plugin. If your website is based on WordPress though then you can take a look at the WP plugin version of Flow Gallery, which has an admin panel.

I am getting the following error

Uncaught TypeError: n.$overlayContent.addClass(...).css(...).velocity(...).velocity(...).find(...).mediaelementplayer is not a function at Array.<anonymous> (jquery.flowgallery.min.js:806) at p (velocity.js:3) at c (velocity.js:3)

Your page probably doesn’t have the mediaelement-and-player.min.js file referenced. If adding that file doesn’t solve the issue then I will need a link to your page to inspect the issue.

Is it possible to use scanPhotoFolder and scanVideoFolder together to create an album that contains both photos and videos? if possible, how?

It is not possible to use both these features together. If you want to have both photos and videos together in the gallery then you will need to provide a json configData yourself.

I just bought your Flow plug in and I have no idea how to install into my page in Dreamweaver. What would it cost to have you do it. My site is on a server. May be you can give me detail instruction for a fee?

Thanks for purchasing!

The instructions are provided in the documentation included with the package that you downloaded from here. You can also consider hiring a developer from Envato Studio to handle the installation and any further customizations.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey