WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => jQuery => Topic started by: Kobrakai on February 03, 2011, 04:24:09 PM

Title: Help, need slideshow AND lightbox
Post by: Kobrakai on February 03, 2011, 04:24:09 PM
So here is the deal. I'm working on a simple website.
My FIRST website with WebsiteBaker. It's working out nicely.
But I need some help. Like usual, I made a mess out of things.

On my website I need a slideshow for sponsors. These are 25+ sponsors. For the image page I need a lightbox page, WITH description.

I'm using picturebox right now, and a separate script (in the template) for the slideshow. The sponsors keep growing though, so I need to be able to easily increase the slideshow images.

When I use this set-up, my slideshow on the picturebox page, doesn't run.
I've been trying for weeks, but I can't get it working as it should.

A recap, I need:

- Image page with lightbox (fancybox). Every image needs a description though.
- Sponsor slideshow, underneath every page. And the sponsors need to be update-able 

I hope someone can help me out.



Current page (in Dutch)
http://lenteveld.nu
Title: Re: Help, need slideshow AND lightbox
Post by: BlackBird on February 03, 2011, 05:50:30 PM
I think you can manage both pages very easily using the Foldergallery module.

* Add a page for the gallery, type Foldergallery; configure your image directory and hit the "Sync" button
* Add descriptions to each folder and image as you like
* Choose a lightbox

The Foldergallery comes with a bunch of lightboxes included, so you can just choose one and you're done.

For the slideshow page, do the same (add page, configure FG). You will now only have to add a slider. If you don't mind using jQueryAdmin for this, you can choose from a list of sliders, too. Otherwise, you will have to add the slider of your choice by yourself.

Edit: As you wish to add the slideshow to every page, you can put it into a hidden page and use the Global Blocks snippet to show it everywhere.
Title: Re: Help, need slideshow AND lightbox
Post by: Kobrakai on February 03, 2011, 10:41:38 PM
The foldergallery isn't working. Some of the Lightbox scripts don't work.
Also I don't get an option for a discription.


[FIXED:] Installed the module wrong.

And I don't get the part about the slideshow. I have jQueryAdmin installed though.

Like I said, it's all about this site:
http://lenteveld.nu

I have the FolderGallery on the "FOTOS" page.
The slideshow is at the bottom of the three pages.

Thank you for your help so far. :) And sorry for being a "noob".
Title: Re: Help, need slideshow AND lightbox
Post by: PurpleEdge on February 04, 2011, 08:39:29 AM
So is it working now?

I think we achieved a similar display using Brax Fancy Box module - eg...

http://www.larx.com.au/pages/swimwear/miracle-suit.php

Title: Re: Help, need slideshow AND lightbox
Post by: BlackBird on February 04, 2011, 01:14:45 PM
Okay, as for the Slideshow...

* Create a folder for your slideshow images somewhere, example: media/slides
* Create a new page, type "Foldergallery"
* Configure the FG to use the directory your images are located in
* Pick a slider from http://jquery.websitebakers.com and install it as a plugin for jQueryAdmin

As only lightboxes have a FG integration yet, you will have to do some work manually. So please let me know which slider you are going to use, so I can help you creating a FG solution for it.
Title: Re: Help, need slideshow AND lightbox
Post by: Kobrakai on February 04, 2011, 06:46:45 PM
Okay, as for the Slideshow...

* Create a folder for your slideshow images somewhere, example: media/slides
* Create a new page, type "Foldergallery"
* Configure the FG to use the directory your images are located in
* Pick a slider from http://jquery.websitebakers.com and install it as a plugin for jQueryAdmin

As only lightboxes have a FG integration yet, you will have to do some work manually. So please let me know which slider you are going to use, so I can help you creating a FG solution for it.

I need a simple slider. If I can use images with "InnerFade", I would pick that one.
My second choice would be Easyslider.

Thank you again!
Title: Re: Help, need slideshow AND lightbox
Post by: BlackBird on February 06, 2011, 03:15:35 PM
* Put the file attached into the jqueryadmin/plugins/innerfade folder
* Go to the FG page you created for your slides
* Choose "jQueryAdmin: innerfade" from the lightboxes drop down

You may have to do some additional finetuning. (Slide type, animation type, etc.) Pimp up the loader.preset in the innerfade folder if you need.

Edit: Innerfade demo and infos http://medienfreunde.com/lab/innerfade/

[gelöscht durch Administrator]