Loading many images in a container at once - Forum

Forum Navigation
You need to log in to create posts and topics.

Loading many images in a container at once

Hi, is there a way of loading a folder with lots of pictures (images) at the same time (drag an drop) into a container?

If you look of the image slider exemple in the forum, you need to load one picture at the time when you add a picture objet.

But it would be nice if VisualNeo Web could read all the pictures inside of a forder not to have to load it one after the other.

Maybe there is a way explain in the forum but I didn't saw it.

Thanks!

Hi @rocote, I need to know what you want to accomplish exactly.
The best way is adding them by code, but the exact process depends on your goals.
Regards.

Thanks for your reply.

I want to add 75 images into a container and look of them using the slider.

Roger

Ok @rocote, lets try this:
Go to Project (menu) > Properties > Libraries / Files and add your image files.
I will asume they are named like img1.jpg, img2.jpg, img3.jpg... img75.jpg
Use this code to add them to the "Container1":

Loop 1 75 [num]
  SetVar [code] "<img src='./img/img[num].jpg'>"
  GetObjectHTML "Container1" [content]
  SetObjectHTML "Container1" "[content][code]"
EndLoop
slInitSlider "Container1" "horizontal" 500 3000

Let me know if this works for you.
Regards

Darbdenral has reacted to this post.
Darbdenral

@rocote attached is a complete sample (only 4 images)
Note that you will need to compile the project before testing it, as the image file paths are relative to the publication folder.
Best regards.

 

Uploaded files:
  • You need to login to have access to uploads.
Darbdenral has reacted to this post.
Darbdenral

I'm confuse....?  You did all the work.

The code you have been given me is install in the page properties instead of the properties of the container1.

Also, I still need to load (one by one) each file into the Project (menu), Properties, Libraries/Files.

Than, about the jquery.bxslider.min.js, it is a java file that install bxslider.  How would I knew this without tutorial?

I don't have experience in Java but I understand why you put this file into the folder's app,

You see Luis, I really need tutorials to achieve my goal and it can't be found by searching anywhere on the planet of "How do you do this" other than inside the software itself or on the company's web site.

When you know what recipe you want to do and you have the ingredient in the same area and the tools, I guess with a little help of some tutorials and following at least a few examples of the recipe (tutorial), it would help kindly to start it and accomplish your work.

I don't know how to build a house.  But for doing it, I will need to know what tools I need, what are the ingredients and probably  need to know how to use them properly.

Sure, there is a demonstration of each Action command "the syntax" in the software.  But inside of an app, the syntax is not always sufficiently and not a tutorial.  You have to see how the action command interact with the other codes inside of the app.  Where and when to use it.

I bought VisualNEO Web inside the last 2 weeks for one reason, it is to be able to do what I need to do.  It look like I won't be able to do it that fast without your help and this, doesn't goes the way I think.  To be honest, the software lack of tutorials is quite disappointed.  This is my opinion and an ascertainment, but not a complain.  But the software has potential of becoming an excellent software for building fast applications with ease.  But, the company goal is not there yet.  sorry...

Companies build books around their softwares that shows lots of examples.  They still have demonstration of the "syntax" for each command, but they understand there is a need for different example.

Like I said, I think a good software is not only part of his content, but another 50% of the success comes with the tutorials and the support that surround the software.

Hope you understand.  It is not a complain, but an ascertainment.

 

Roger

Hi @rocote,

Well, lets see each point here:

The code you have been given me is install in the page properties instead of the properties of the container1.

The code must be placed just where you want it to be executed. You can put it inside a button "click" event or, like here, in "page-enter" event just to be executed automatically without user intervention.

Than, about the jquery.bxslider.min.js, it is a java file that install bxslider. How would I knew this without tutorial?

As we are using a plugin here, I have packed the application so the necessary libraries are present even if you have uninstalled the plugin. You can do it yourself with any project on Project (menu) > Archive/Backup. It will pack all images, libraries and files so you can share your project with another developer without losing anything on the way and keeping paths correct. If you already have the slider plugin, you can delete the jquery.bxslider.min.js safely.

 

Also, I still need to load (one by one) each file into the Project (menu), Properties, Libraries/Files.

Just pres "shift" key in your keyboard to perform a multiselction. You can import all the files at once, just like you would do in Windows Explorer.

You see Luis, I really need tutorials to achieve my goal and it can't be found by searching anywhere on the planet of "How do you do this" other than inside the software itself or on the company's web site.

Although I know more documentation is needed, even with a thousand tutorials you will never found the answer to this specific question, as you are trying to use the plugin in a different way it was designed.
Note that, although for beginners is not necessary at all, VisualNEO Web advanced use require some HTML, CSS and JavaScript (not Java)  knowledge, just to understand whats happening in your application.
These are the best tutorial online about them:

HTML Tutorial
CSS Tutorial
JavaScript Tutorial

My advice is to learn them in secuence. Just a little bit of knowledge about each one will do a difference.

I bought VisualNEO Web inside the last 2 weeks for one reason, it is to be able to do what I need to do.  It look like I won't be able to do it that fast without your help and this, doesn't goes the way I think.

Depending what you need to do, it can be really easy or complicated, even for me.
Web developing inludes database applications, games, utilities of any kind... and a miriad of complex libraries are available to help in specific tasks. VisualNEO Web simplifies and speeds up a lot the work, but it's not a magic tool. It will take time and affort to understand how to accomplish some goals.
For example, most of the plugins are based on JavaScript libraries (just look at the plugins description in Option (menu) > Add/Remove Plugins to see wich ones are inlcuded) and some of them like FabricJS are pretty complex with hundreds of documentation pages.

Companies build books around their softwares that shows lots of examples. They still have demonstration of the "syntax" for each command, but they understand there is a need for different example.

I know we need more documentation and although our resources are very limited, we will do our best to improve it over the time. Thank you very much for your support and understanding.