• Louie
  • New member
  • Offline
  • Registered: 04 Nov 2011
  • Posts: 7

Topic: Re: Lightbox

Hi there, I have been using your system for a while now and everything works great, however I am having major issues with getting the lightbox gallery to work.  (I guess I work better with visuals rather than written content) 

I have an existing site and and it has been created using Webplus X5.  It already has the lightbox feature in there and if there is a way to still use this in conjuction with yours this would be great.  The page in question is http://www.savingcleopatra.com/photo.html 

I would really appreciate your help getting this up and going and if you could do a quick video tutorial that would be even better..  Even if you can place the code in the page for me and give me a screen shot of where it goes it would be awsome.. I look forward to hearing from you soon..

kindest regards
Louie Veleski

  • Registered: 21 Dec 2010
  • Posts: 295

Re: Re: Lightbox

Hi Louie,

I've never used (or heard of) Webplus X5 before, I'm assuming it's a HTML builder. I have just taken a look at the source code on your example page and it does not match the example that we have provided in the gallery tutorial. You need to copy/paste the code that we have provided into your page.

I would love to sit here and create video tutorials all day but things are pretty busy at the moment. The best way to learn anything is to do a bit of trial and error yourself and learn from any mistakes that crop up. I would suggest creating a blank HTML page and following our gallery tutorial. Get that page setup and working then add it to SimpleCMS to see the gallery in action, then copy/paste what you have done into your existing site.

  • Louie
  • New member
  • Offline
  • Registered: 04 Nov 2011
  • Posts: 7

Re: Re: Lightbox

Hi there,
I have created a test page at www.sonicweb.com.au/test and I've included that code but obviously I have done something wrong because I am not seeing the same edit features as you have in your tutorial.  Could you please let me know where I have gone wrong here.....cheers

regards
Louie

  • Registered: 21 Dec 2010
  • Posts: 295

Re: Re: Lightbox

Hi Louie, you haven't changed the src attribute for the thumbnail images within the gallery DIV.

You currently have this:

<a href="wpimages/wp8ae6a310_05_06.jpg" rel="lightbox" id="n0"><img src="img0_thumb.jpg" alt="" id="n1" /></a>

But it should be like this:

<a href="wpimages/wp8ae6a310_05_06.jpg" rel="lightbox" id="n0"><img src="wpimages/wp8ae6a310_05_06.jpg" alt="" id="n1" /></a>

I have also noticed that you haven't included the the JavaScript files. You can view a working example here:
http://www.simplecms.com/examples/gallery/

  • Louie
  • New member
  • Offline
  • Registered: 04 Nov 2011
  • Posts: 7

Re: Re: Lightbox

Ok sorry to be a total pain here, but I've done everything and it seems to be working accept for the pop up part. This is obviously due to not having included the javaScript files.  But I don't know where to get these JavaScript files from??  Can you please tell me where I can download them how to implement them into the page.  I do apologise for any inconvenience but this is something totally new to me...

www.sonicweb.com.au/test

cheers
Louie

  • Registered: 21 Dec 2010
  • Posts: 295

Re: Re: Lightbox

Hi Louie, no problem, you can get the Lightbox files here:
http://leandrovieira.com/projects/jquery/lightbox/

They have a guide on adding lightbox to your web page which should help you set it up.