Is Lightbox 2 Possible on my Yola site?

  • 1
  • Question
  • Updated 8 years ago
  • Answered
This is exactly what I want, but will it work on Yola? If not is there any alternatives? (Except Flickr. It does not work on my site!!)
Link:
http://www.huddletogether.com/project...
Photo of Ruhan

Ruhan

  • 117 Posts
  • 0 Reply Likes
  • happy

Posted 10 years ago

  • 1
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hello,
I'm not super familiar with Lightbox 2 (except what I just read about it). But it doesn't appear that this would be possible. It says that it is necessary to add three javascript files to the head section which isn't possible and you also have to include the Lightbox CSS file or append your CSS with the Lightbox style, this also isn't possible.

What happens when you try to use Flickr? Where are you running into problems with it, I would like to help.

Emmy
Photo of Ruhan

Ruhan

  • 117 Posts
  • 0 Reply Likes
Emmy, good news! I had problems with Flickr. Now it`s all sorted out. So I`m OK now, thanks!
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Cool, that is great news!
Photo of Connor McCarra

Connor McCarra, Champion

  • 944 Posts
  • 47 Reply Likes
Hi Ruhan,

To answer your question, no. I tried it out myself and couldn't get it to work (not to say that it might not work). I uploaded the javascript files to my own server and linked to them. I then uploaded the css to yola and had it all placed the way the instructions said but it didnt work for me.

Connor
Photo of Jane Davison

Jane Davison

  • 13 Posts
  • 0 Reply Likes
I'm having the same issues. Flickr and SmugMug just don't serve my needs and I prefer the look and feel of Lightbox2 to showcase my portfolio. I really hope I've missed something here because other than this glitch (and the lack of FTP support and a Wordpress interface) I really do love Yola and want to use it - it would make my life so much simpler!! But without these essentials it may be a deal breaker for me.
Photo of Jane Davison

Jane Davison

  • 13 Posts
  • 0 Reply Likes
The only thing I haven't tried yet is to upload all the files from the Visual Lightbox gallery I just created. But I'm dreading it - it will take all afternoon and then some b/c there isn't an FTP option with Yola.

If anyone else wants to try this, check out http://visuallightbox.com/ and if you can figure out how to make this work, let me know!!
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hi Jane,
If Lightbox2 requires files to be added to the Head section of the document that this would not be possible; and FTP is not possible either. I hope you will be able to find something that works for you.
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
But, if you add a HTML widget right above all of your other content, it might work! In the widget, put this:

<!--
<head>
Codes go here
</head>
-->

(Don't include the '<!--' and the '-->' parts!)
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
tried visuallightbox but it broke my page. Don't try this at home :) Too bad cause it looks pretty nice.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Hi everyone,

Lightbox 2 can be used very easily with Yola.

See it on a (unfinished) site i have here http://palsbar.gr/photos

All the files in the show are hosted by me - no middle site.

@ Jane

The file manager is a very easy tool to use when uploading files, i would highly recommend the Yola Pro option if you are trying to add complex custom codes to your site.

You can get more info about Yola pro by searching Yolas help files.

Lee.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Looks fabulous Lee! Is Lightbox2 the same as the one that Jane is referring to when she says "visual lightbox"? It would be totally awesome if you could outline the steps on how you achieved this. :)
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
not sure - this is lightbox 2.03 same as the 1 on yolacodes but has the ability to group images - full script here - http://www.dynamicdrive.com/dynamicin...

1 thing i noticed when applying to Yola was you need the full URL of the images for controlling the show in the CSS and java files. i.e. resources/.... was not enough.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Great tip to know Lee - thanks for sharing!
Photo of Jane Davison

Jane Davison

  • 13 Posts
  • 0 Reply Likes
Lee - thank you! That IS the Lightbox I to which I was referring.

Just want to make sure I understand this - the only way I can use Lightbox is to host my slideshow on a separate URL (not a Yola site) and provide a link out to that site?

Did you edit the code in Yola at all to make this happen other than provide a link? OR did you have to do significant editing to your lightbox page code?

You say this is Lightbox 2.03 "same as the 1 on yolacodes" -- what are yolacodes? Is this something only available to Yola Pro users? I'm just trying to discern if Yola Pro will be the answer to my prayers or not.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Hi Jane,
The lightbox show is fully hosted by your Yola site - You upload the images to your filemanger then apply the java and css to the page (if you dont have a pro account) or if you have Pro you also add the java and css to the filemanager. Its easy if you know a little bit about code and understand the URL of uploaed files with Yola.

The lightbox i show with the link above is 2.03, You can do a couple of new features with it like group together images on a page and link text in the descritpions.

The version before this (2) is on http://yolacodes.yolasite.com - this is a free resource for any Yola user - Just read the site rules then sign in and take the code.

You do not need Yola Pro for this but it is much easier with it because you can host javascript files - If you try to achieve it without Pro you will need to apply all the javascripts onto the page (ok but untidy).

Lee.
Photo of Kershnee

Kershnee

  • 2087 Posts
  • 152 Reply Likes
Thanks Lee!!!
Photo of Jane Davison

Jane Davison

  • 13 Posts
  • 0 Reply Likes
Thanks a million - I can't wait to try this out!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hi, I know that Lightbox 2 is not aloud on our yola sites, but there is another kind of lightbox that you can put on your site! :) Just visit this topic I posted: http://forum.yola.com/yola/topics/i_k... to find out how to get a lightbox on your site!

You can see a live preveiw on my company's website: www.nathansmusicstudio.cz.cc When you get there, it says "Subscribe to our newsletter!" Just click the "Click here" below it to trigger the lightbox!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
I have updated the lightbox on my company website a little better. Visit www.nathansmusicstudio.cz.cc
Photo of Christina

Christina

  • 17 Posts
  • 0 Reply Likes
Hi~ I've almost got lightbox 2 working... it works great with the sample photos that came with it, but not with my own photos (I had this same trouble with another photo gallery script). The lightbox will pop up, but it just keeps loading. Could this have something to do with UK Duke's suggestion to use full urls instead of ones beginning w/ "resources"? If so, how do I find the full urls? Do I have to publish my site first?

Thanks!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
<!--

Hi, this is how it should look:

<a href="resources/IMAGE.JPG" rel="lightbox"><img src="resources/IMAGE.JPG" width="100px"></a>

The reason why it keeps loading is because the way you linked it was not the correct image. (They have to have resources/ in front of it)

By the way, you don't have to make one smaller version of the image and one bigger one. Just use the same one for the A tag and the IMG tag and just keep the width="100px" in to make the images smaller.

I hope this helps!

-->
Photo of Christina

Christina

  • 17 Posts
  • 0 Reply Likes
Thanks for the thumbnail tip-- I wasn't able to get it to work, but I'll try again.

As as far as I can tell, I've got everything linked up properly... with "resources" in front :-)

<!--

Here is the code that is working with the sample image:

<a href="resources/images/image-1.jpg" rel="lightbox[roadtrip]" title="my caption"><img style="margin: 4px; padding: 0px;" src="resources/images/thumb-1.jpg?timestamp=1286947330706"></a>

And here is the bit that is NOT working with my own image... it's currently mismatched from the thumbnail because I've been trying various images that were taken w/ different cameras:

<a href="resources/images/sagenkotifall07.jpg" rel="lightbox[roadtrip]" title="blahblahblah"><img style="margin: 4px; padding: 0px;" src="resources/images/arizona1_thumb.JPG?timestamp=1287100778078"></a>

-->

As far as I can tell, they're identical other than the image location and the caption. I did have to tweak it from the original code because "image #1" was showing up as a link. That doesn't seem to be the problem, but it might look a little weird because I moved things around.

Thanks for the help!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Are you sure the image file format is .JPG? It might be .jpeg Just click on the file in th file manager and at the top it will show the file url.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Hi Christina,

The first thing you should check is that the images are reachable.

I don't know your domain so I can not check but just change example.com to fit your site.

http ://example.com/resources/images/sagenkotifall07.jpg

http ://example.com/resources/images/arizona1_thumb.JPG

Also check the file format make sure it is actually as you have it (uppercase - .JPG)

Let us know if the images are reachable.

Lee.
Photo of Christina

Christina

  • 17 Posts
  • 0 Reply Likes
Yaaaay! It was just a matter of case..... it didn't occur to me that it would be case sensitive! Thank you SO much!!

I don't have my site published yet because the domain I'll be using is in use for my current photo gallery... I'm letting that hosting expire on friday and my plan is to switch over to yola. Ideally, I wanted my new gallery ready to go before my old one evaporated into the ether :-)

So, is there a way to copy and paste a file location? I've tried selecting an image, and the location appears at the top of the file manager... but I'm not able to select it. If I could, I'd be better able to avoid these errors.

Thanks again for your help, Lee!
Photo of Christina

Christina

  • 17 Posts
  • 0 Reply Likes
I realized that I could copy and past by right-clicking and selecting "view"... then copying the last bit of the url from the browser.... kind of cumbersome, though. Then I found Sanja's suggestion to right-click a file and select "rename", then copy from there. That works! It would be really nice to have a simpler way to do that though :-)