/    Sign up×
Community /Pin to ProfileBookmark

Lightbox help please

Hoping this is the correct forum for my question as it uses Javascript.

On my website I use lightbox for enlarging images.

According to the code instructions for the grouping of images the code is as follows:

[B]<a href=”images/image-1.jpg” rel=”lightbox[roadtrip]”>image #1</a>
<a href=”images/image-2.jpg” rel=”lightbox[roadtrip]”>image #2</a>
<a href=”images/image-3.jpg” rel=”lightbox[roadtrip]”>image #3</a>[/B]

This seems to assume that there are already 3 thumbnail images on the page, one for each in the group.

Does anyone know how to code this so that grouped images can be shown by using just one thumbnail on the page?

As example would be to have one thumbnail for a certain design of material but be able to have say a group of 3 for same design material but different colours.
This would mean clicking on the thumbnail would bring up 1 of 3 then using the NEXT to take to 2 of 3, previous would take you back to 1 of 3 etc.

All help is much appreciated

to post a comment
JavaScript

1 Comments(s)

Copy linkTweet thisAlerts:
@johngray73Aug 06.2008 — http://steftock.com/stuff/imageset/

Found this, hope it helps.
×

Success!

Help @charter spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...