155 comments found.
Hello, can a tool-tip message popup be added when you hover over full width mode or thumbs to describe its function?
You can try using some tooltip plugin to target the menu buttons for thumbnails and fullwidth mode.
Do you have one to recommend?
This one is a good tooltip plugin – https://atomiks.github.io/tippyjs/
Thanks, I’ll check it out.
how do i upload a file here?
You upload your files to your server as you normally do, and then provide the details of a gallery item in config.xml. Check the provided documentation for more about this.
Yes, all the files are uploaded to my server and I’ve modified the xml. The player works it just has a code problem when I delete the styles your talking about.
Ok, understood. It is good to know at least that the gallery is working with your own media file.
you can see how you preview loads in thumbnail mode. Thumbs do not load all the way out to edge at my website after changing html code from width: to max-width:
mine: select thumbs mode to see yours compared to mine at https://jonarmour-author.com/gallery15.htm
your preview:
https://previews.customer.envatousercontent.com/files/377768047/gallery-fixed-width.htmlFirst of all your div#contentwrapper has some max-width set in two places – a max-width of 700px directly targeting div#contentwrapper, and a max-width of 770px through the .gal class. You will need to get rid of both those styles.
Then in your stylesheet box-sizing: border-box is being applied to div#container which is reducing its calculated width by 10px because it has a 5px border on all sides.
i can’t find where you are talking about on this page https://jonarmour-author.com/gallery15.htm ? What line numbers are you referring to? I don’t see 700 and 770px either?
Look at line 157 of style.css for styles related to div#contentwrapper. The styles for div#container are inline in your html file.
ok, i’ll delete thse 2 styles related to div#contentwrapper
should i change calculated width to 0px? instead of 10px
Then in your stylesheet box-sizing: border-box is being applied to div#container which is reducing its calculated width by 10px because it has a 5px border on all sides.
i never get it fixed? I’ll Just leave it the way. Thanks anyway
You need to delete styles for box-sizing, -moz-box-sizing and -webkit-box-sizing from div#container.
When I deleted styles it messed up the margins. It going to take someone else with the knowledge to fix the html page where the media player is installed. I’m not a coder. Thanks
latest fix link is jonarmour-author.com/gallery15.htm
The gallery looks to be sized correctly for me.
Found this post on searching your site:
Thanks for purchasing!
The gallery is not loading because you have not closed the parentheses for document.ready.
If the gallery is a body level element then it is fully responsive, but you can also embed it in a container of fixed width and the gallery will adapt itself, as shown in the demo. If the parent container is small enough then you may need to edit the gallery css so that the gallery menu changes to the dropdown version, that is applicable for small screens.
You said that in order for player to be responsive it must be in a container? Will this fix my problem embedding it in a container of fixed width?
You don’t need to add any extra containers other than div#container that was already there. Note that the gallery is always responsive, but you need to wrap it with a container only if you want to restrict its max-width.
what do i need to do? Fix my web page to allow larger page widths?
is 800×600 fixed page width to big for my page?
I see that you have set max-width: 770px for the div#contentwrapper.gal in your style.css file. You can keep this if you really want your page’s content to be restricted to this max-width. In that case you need to apply width: 100% to div#container so that it takes the full width of its parent.
this is latest code. Changed to width: 800 Spacing on either side is still there. Don’t know how to fix?
<style> #container { max-width: 800px; height: 600px; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 40px auto 0 auto; border: 5px solid #aaa; overflow: auto; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); } </style>
no matter what width – gallery fixed width or gallery – regular it still has same problem? how much charge to fix?
probably don’t need code?
div#contentwrapper.gal --is left over code from a another previous gallery i tried
The gallery seems to be sized correctly now. Are you seeing any other issue?
this is your code that i changed to make it max-width:as you suggested? Why is your demo at your website not have this problem on mobile phones?
https://previews.customer.envatousercontent.com/files/377768047/gallery-fixed-width.htmlwhy doesn’t my page work like yours? can you explain whats going on here?
can you please help?
<style> #container { width: 800px; height: 600px; margin: 40px auto 0 auto; border: 5px solid #aaa; overflow: auto; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); } </style>
when changing to thumbnails and clicking on yamaha piano image ” i ” info button is outside player frame? Can this be fixed? Was this affected by changing width: to max-width?
yes, purchased your nova gallery. I thought this was supposed to be responsive and mobile friendly?
check my site https://jonarmour-author.com/gallery9.htm
Thanks for purchasing!
I checked your page and the gallery is not resizing properly because you have put it inside a div#container with a fixed width of 800px. If you change it to max-width: 800px instead then the gallery resizes properly again.
I’m not sure how to change the code. Can you be more specific about where and what html lines to change?
ok, I changed code from width: 800 to max width: 800 I think its fixed, but please check if ok now?
now when you select thumbnails there is less space on either side for width?
I don’t see the change applied to your website.
Is this still working, I only see a loading indicator.???
Please provide me with a link to your page where you have embedded the gallery and I will take a look.
Please see the check preview in your template, it shows a 403 error. Could this be http vs https issue? if yes, I tried and change it in the html file and config file, I get no errors but still only the loading indicator appears, nothing else.
I was able to fix the issue, and the updated version (1.4.3) is now available for download.
Good luck with your sales
Hello, I’m working for a customer who has your HTML Nova Gallery software installed. http://www.eaglecharters.com/gallery.html
I’m trying update, but I can’t find the documentation. Can you please send me all relevant documentation for this software so I can help our customer customize their gallery. Thank you so much.
Please ask your customer to get in touch with me. All documentation is included with the package that is downloaded from here.
Hi, Your Nova gallery looks impressive. Before I can buy it I have a few questions please. 1) Can the menu-bar (full screen, thumpnails, full width, filter) beremoved so only the thumpnail-version of the screen is vissible? 2) Is it possible to use videos who are hosted on a local pc? I noticed the videos are using an URL-notation to address their location. Is it possible to use a local-path like: “vids/test.mp4”? If not how are local files addressed? 3) Is it possible to change the width of the thumps? 4) What is the max resolution for vidoes?
Already thanks fot your help.
Thanks for your interest!
As to your queries:
1) You can hide the menu bar with css, and then use the startMode setting to make the gallery load the Thumbnails view.
2) When testing locally you can of course use local videos, but when you host the gallery in a live website then the video files will be shown to have “http” in their paths by the browser. You can use relative url’s for media files.
3) You can change thumbnail size with your custom css.
4) There is no upper limit on the video resolution.
Hello, just a small problème..I m very enjoy for your gallery and help. this is à link whith problème http://www.studiocharles.fr/Galerie/Galerie JCM/Source/gallery-sets.html When gallery start, only the first time, she no open image.
I already replied to your older comment about this issue, and asked you to contact me through the message box in my profile page, and I will send you a modified gallery script.
Any Idea why the Nova Gallery would display the “thumb nails”, but not show the “magnifying glass” “Description” or “i” icon when I mouse-over the thumbnails? Chrome and Firefox are the issue, not IE or edge.
Hard to say, could be a style conflict somewhere from your page’s other styles.
Hello Is it possible for you to do mofification ?, i agree to pay your working.
I woul d like Gallery-sets.html, when we click for open she open whith option : Full Width – fullwidthResize true – shuffleItems: false – .
And when we select Thumbnails we have the same https://st-mellion.co.uk/en/photo-gallery.html.
My level for create this is to bad for to do
If you agree, give me price, if its possible we do. Thank you Best regards
Sorry, i forgot, i would like so, the left click mouse turn off. no possible to download the picture…
I replied to your other comment which I believe takes care of your settings.
Hello, i writting copie/coler your code and gallery-sets.html can t open….i see error in code i repare and now he open….but nothing change ! i writting this
$.novaGallery({
configUrl: 'config-multi.xml',
startMode: 'fullWidth',
fullWidthResize: 'false',
showFullWidthThumbs: 'true',
shuffleItems: 'false',
});What error do you see? I see that you added a comma after the last item – shuffleItems: 'false',. Remove the comma from here and try again. If the error persists then I will need a link to your page to inspect the problem.
I try many but i do wrong sorry. here is a link http://www.studiocharles.fr/Galerie/Galerie JCM/Source/gallery-sets.html .
$.novaGallery({
configUrl: 'config-multi.xml',
startMode: 'fullwidth',
fullwidthResize: false,
showFullwidthThumbs: true,
shuffleItems: false
});
Super, thank you very much, it s ok now, i continue for create my gallery. Your working is perfect, your help them. best regards.
Can you give me option for click right mouse turn off (visitor can’t download image). Thank you
That option can’t be included in the gallery. You need to write custom js code for that, which you can search for online.
Hello, just a small problème..I m very enjoy for your gallery and help. this is à link whith problème http://www.studiocharles.fr/Galerie/Galerie JCM/Source/gallery-sets.html When gallery start, only the first time, she no open image.
Contact me through message box in my profile page, and I will send you a modified version of the gallery js that has the fix for this.
Hello, i am sorry but i need more help, j would like insert your code ” $.novaGallery({ startMode: ‘fullwidth’, fullwidthResize: false, showFullwidthThumbs: true }); ” in your html ” http://www.studiocharles.fr/Galerie/Galerie JCM/Source/gallery-sets.html ” and to disable the shuffle option . Merci beaucoup par avance de votre aide. After i can change option alone.
Hello,
Where i need to insert this To opening the gallery in the Fullwidth mode when it first loads, and to show the thumbnails slider and also to shink all large photos/posters/videos to fit inside the browser viewport (the user can control the resizing from the gallery interface), you have to initialize the gallery plugin like this $.novaGallery({ startMode: ‘fullwidth’, fullwidthResize: false, showFullwidthThumbs: true });
In side “gallery-sets.html” or “jquery.novagallery.js” i dont know.
For disconnect left mouse, how is possible.
Thank you and congratulation for your gallery Jean -charles (France)
Whenever you need to configure the gallery settings from its default values then you need to do in your file, not in the jquery.novgallery.js. You can have the gallery initialization code either in the html file in which the gallery is embedded, or in a custom js file which you load in your html file.
Thank you very mutch, i go to try ….
Hello, i am sorry but i need more help, j would like insert your code ” $.novaGallery({ startMode: ‘fullwidth’, fullwidthResize: false, showFullwidthThumbs: true }); ” in your html ” http://www.studiocharles.fr/Galerie/Galerie JCM/Source/gallery-sets.html ” and to disable the shuffle option . Merci beaucoup par avance de votre aide. After i can change option alone.
In gallery-sets.html you will see the code at the bottom of the page where the gallery is initialized. Just edit it and add your own settings. Also to disable shuffling you need to pass shuffleItems: false in the settings.
Ok, i would like to try but you say ” Just edit it and add your own settings. Also to disable shuffling you need to pass shuffleItems: false in the settings.”I no have folder ” The settings ” just config-multi.xml or gallery-sets.html, i don’t understand sorry. Thank you and good day.
$.novaGallery({
configUrl: 'config-multi.xml'
});
You need to edit this piece of code and add your own settings, like this:
$.novaGallery({
configUrl: 'config-multi.xml',
startMode: 'fullWidth',
fullWidthResize: false,
showFullWidthThumbs: true.
shuffleItems: false
});
All the available gallery settings are described in detail in the provided documentation.
ok
This Gallery does not play MP4 videos in Chrome. However, It does play in Safari and Firefox. Is this a bug? Look at your own demo URL: https://previews.envatousercontent.com/files/175086183/gallery-regular.html
If you run the Birds video, it will not run in Chrome.
Please let me know if there is a fix for this. Thanks!
Seems like a bug in Chrome. This thread has some discussions on it – https://stackoverflow.com/questions/25131906/mp4-file-not-playing-in-chrome
The thumbnails show in random order, not following the xml order. How can I customize it to follow the xml order.?
Thanks!
Thanks for purchasing!
You must have the shuffle option enabled, you need to disable it so that thumbnails load in the same order as declared in the xml.
