Image Gallery Code using images in file manager

  • 1
  • Question
  • Updated 8 years ago
  • Answered
How do I code an image gallery layout like Flicker, using images in my file manager, rather than hosted on Flicker? I would like the thumbnails clickable to a larger image.
Photo of Margie

Margie

  • 286 Posts
  • 25 Reply Likes

Posted 8 years ago

  • 1
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi, you can do this by using a lightbox I created but it will be much more advanced because you will have to change the ids and the class names for each image. But what you want is a Lightbox. You can see a lightbox example I created here. But, you can also use Lightbox2 if you'd like. That is really cool. I can host the javascript files on my side and give you the codes to put on your website for lightbox 2 if you'd like! Also, I can host the css to if you want. Just reply to this if you want me to do this for you!
Photo of Margie

Margie

  • 286 Posts
  • 25 Reply Likes
Thanks for your offer, Nathan. I've tried some of the codes from dynamic drive and yolacodes but am having no luck.

I have Yola Silver so I can upload the css and js to my file manager, right?

I'll be back later tomorrow or Sunday, Nathan.
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hi Margie,

We don't have a specific feature as you are describing which does exactly what Flickr does. Possibly Nathan's suggestion will be helpful to you.

Kind Regards,
Emmy

@Nathan: Thanks for your help here :)
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Also you can use Grey Box. You just need to find a place to host the files (Maybe Atspace.com free hosting) Grey Box lightbox website: http://orangoo.com/labs/GreyBox/ This is so cool!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Margie

If you're looking for something that is relatively easy to set up, I would recommend using JAlbum.net. They have a really cool photo gallery application that you can embed into your site using an iframe code.

JAlbum is a program which you can use to create fantastic looking albums that you can embed into your site. They have numerous styles from which you can choose. Here are the steps to add JAlbum to your site.

1. You will need to create an account with JAlbum.net It's free!
2. Once you've confirmed your sign-up, click on "Create new album".
3. Upload your Photos.
4. Click on "Info" to give your photos some descriptions.
5. To select the kind of album you want, select "Design".
6. Under your "Settings" tab, select the options you want available.
7. Once you're done creating your site, then click on the "Save and exit" button on the right.
8. You should now see a "Congrats! Here's your JAlbum". On that dialog box, copy the link URL.
9. In your Sitebuilder, drag over an HTML Widget and place the following code: <!--<iframe src="your link URL goes in here" width="900px" height="1000px"></iframe>-->
*You may need to fiddle with the width and height of your iframe to accommodate your album.
*Please do not include the <!-- and --> They are there to stop the forum from interpreting the code.
10. Save and update your site.

You should see your slick-looking album working on your site!

If you wish to have access to more customizations and album options, it is best to use the download version of JAlbum. This is also free. You can download it here.

Once you've created and published your album, go to your JAlbum account online. Locate and hover over the photo album you want to embed and click on "Share'.

Then follow Steps 8-10 to embed into your site.

Please let me know if you have any trouble with this.
Photo of Christina

Christina

  • 17 Posts
  • 0 Reply Likes
Jalbum looks pretty cool, Sanja! It looks like you need ftp capabilities to use the desktop version without hosting on the Jalbum site, though. Like Margie, I'm interested in hosting a photo gallery from my own files rather that having my photos uploaded somewhere else... is this possible with Jalbum?

I've been looking at the code site and read the thread on lighbox2:
http://forum.yola.com/yola/topics/is_...
I've only ever had a very basic understanding of html, and I'm REALLY rusty, but I could figure it out if there were more detailed steps available... are you aware of any? Also, that thread mentions using lightbox2 is easier with a pro account... is that the same as a premium account?

Thanks!
Photo of Kershnee

Kershnee

  • 2087 Posts
  • 152 Reply Likes
Hi Christina - Since Sanja is very familiar with Jalbum, I have forwarded your question onto her. She is currently offline and will answer you once she is back online later today. Thank you for your patience.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Christina

Thanks so much for your patience. You definitely do not need to use FTP to use JAlbum on your site. There are two ways of using JAlbum. You can either do it directly from their website or use their free downloadable software to do on your desktop (this one give you more customization options). You will need to host on JAlbum but you can make the album private on their site so that only you can see it. However, it can still be viewable on your own Yola site. If you'd like to see an example of this, please take a look at my own site here: http://littleus.yolasite.com/picture-...

If you still have trouble with this, please let me know and I'll be glad to help.
Photo of Kevin

Kevin

  • 475 Posts
  • 29 Reply Likes
yeah, silver will be the best, because you need to upload js files and probably also css files.