Closed

jQuery lightbox needs additional functionality

Add functionality to existing PrettyPhoto jquery lightbox plugin.

The typical way to use PrettyPhoto is to open an image and browse to the next one via arrows and optional scrolling thumbnails.

Some of the images from my gallery have "sub" images from the same project, but I don't want them to appear on the main thumbnails page.

Here is an example based on a 30 thumbnail grid gallery.

Lets say Project X is thumbnail #14 in the gallery.

When you click this thumbnail, prettyPhoto lightbox opens up and display a large image of Project X.

Project X has 9 images of its own (not shown in the 30 grid).

I would like to have these appearing as 9 thumbnails at the bottom of the large Project X image so you can browse through them.

Once you reached image #9 from Project X, I want the gallery to advance to #15 from the main grid gallery.

Currently with prettyPhoto, it is possible to have multiple galleries in one page by giving them a different name but they are not continuous or connected to one another. Also, if you use the scrolling thumbnails option, it will show the entire gallery. I need the these scrolling thumbnails to display only the (hidden) images related to the current project.

I need the PrettyPhoto javascript to be modified so I can add a few options/parameters when adding pictures.

The current html in gallery mode looks like this:

....

What you would need to do is add parameters to the script so I can indicate when an image have multiple "sub" images and how many.

Probably something along these lines:

Then we need a way to tell where are these 9 images. That would be great if the script could intelligently know that the additional images are named [url removed, login to view], project_x_03.jpg... and placed in the same folder as the main image.

When you click the Next arrow, it would jump to image 15 from the main gallery.

If you want to see all 9 images, you have to use the scrolling thumbnails.

Another approach would be to use a separate gallery in an iframe.

This might be easier, but I need to make sure the iframe is resized to content dimensions so when you resize your browser the iframe popping up via prettyPhoto doesn't have scollbars. Another issue with iframes is that it doesn't show the next and previous arrows with prettyPhoto.

This is for a personal project and I just need the existing prettyPhoto script modified. I can take care of the rest.

No css or website implementation needed.

Thanks

Skills: CSS, HTML, Javascript, jQuery / Prototype, Website Design

See more: lightbox jquery, additional html, plugin jquery, jquery grid, add functionality, image lightbox, jquery css content, jquery image grid folder, jquery lightbox lightbox iframe, jquery existing, image scrolling jquery, option grid, thumbnail grid, iframe resize page, multiple jquery, jquery image add, image gallery jquery, website css based jquery, show galleries, lightbox jquery html, option resize, jquery add css, jquery quot, gallery image folder, resize lightbox

About the Employer:
( 0 reviews ) Canada

Project ID: #2634485

16 freelancers are bidding on average $137 for this job

KatrinaQ

freelance professional

$155 USD in 1 day
(306 Reviews)
7.2
Risalat1

Let me do it quickly!

$180 USD in 3 days
(92 Reviews)
6.7
Ajcm623

hello i can help u sir let's start

$160 USD in 2 days
(65 Reviews)
6.0
Soolved

Hi, I had gone through the requirements, and understood what you need. Please contact to discuss it further. And pls check your pmb for more detail. many thank.

$160 USD in 5 days
(59 Reviews)
6.0
traudong

Hello mate, we are very experienced web developers. We would love to work for you. Please have a look at our profile and consider us. Cheers.

$200 USD in 3 days
(17 Reviews)
5.9
LightITGroup

Hi! We can do this job for you!

$110 USD in 7 days
(9 Reviews)
4.4
sydcode

Hello, I know prettyPhoto well enough to add the new parameters. Thank you!

$50 USD in 3 days
(19 Reviews)
4.3
nitaypanas

I am happy to do this job

$90 USD in 5 days
(2 Reviews)
3.9
shabdullah88

Dear sir After reading your project details,we are interested in this project and would like to bid on this project. we take care of our every client personally and has always long term relationship.we will do as many More

$220 USD in 8 days
(8 Reviews)
3.5
wehavesolution

Ready to assist you on your project. Experience in css, html, php javascript and my sql database With 100% completion rate,

$120 USD in 5 days
(6 Reviews)
3.2
linguangsui

sir, nice to meet you. please check me pmb. demo is ready. i wait your response.

$150 USD in 2 days
(2 Reviews)
2.9
amikaua

I can make a perfect gallery with lightbox for your assignment. Let's start

$100 USD in 5 days
(2 Reviews)
2.5
wanted886

Lets start chatting which help us to discuss out over requirement.Thank you.

$30 USD in 2 days
(0 Reviews)
0.0
XU87gOv5Y

Custom software development: w w w . The Administrator removed this message for containing contact details which breaches our Terms of Service . i o

$250 USD in 1 day
(0 Reviews)
0.0
trinhnghia

Hi, I have read your requirement clearly. I can do it

$120 USD in 7 days
(0 Reviews)
1.4
KetanTP

I have 6+ yrs of experience in web development I also have 2 yrs of experience in working with Jquery and jquery plugins, So I am right candidate to complete this task.

$100 USD in 5 days
(0 Reviews)
1.0