How do you change this:

image #1
image #2
image #3

(you get links to pictures)

to this:

http://www.stellapower.net/lightbox2 (three pictures under Grouped images).

(you actually see pictures).

Thx

Comments

stella’s picture

stella commented
Status: Active » Fixed

Assuming you posted something like the following (note you need to put your code within <code> tags for the raw html to appear):

<a href="images/image-1.jpg" rel="lightshow[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightshow[roadtrip][caption 2]">image #2</a>
<a href="images/image-3.jpg" rel="lightshow[roadtrip][caption 3]">image #3</a>

Just replace the "image #1", etc, text with an img tag to the thumbnail image, e.g.

<a href="images/image-1.jpg" rel="lightshow[roadtrip]"><img src="images/image-1-thumbnail.jpg" alt="image #1" /></a>

Also, if you're uploading images to your site using the image, img_assist or other modules, you can enable automatic image handling on admin/settings/lightbox2/automatic so you don't have to write the above html code yourself. Support for imagefield module's images are also supported via the cck field display settings and via views.

Cheers,
Stella

hrpo’s picture

hrpo commented

Thanks foe your reply: it's working now except I cant' get slide show running: my code is:

a title="Slide1" rel="lightshow[Slide]" href="1.jpg" img width="200" hspace="10" height="150" src="1.jpg" alt="Slide1" title="Slide1" / /a

a title="Slide2" rel="lightshow[Slide1]" href="2.jpg" img width="200" hspace="10" height="150" src="2.jpg" alt="Slide2" title="Slide2" / /a

a title="Slide3" rel="lightshow[Slide3]" href="3.jpg" img width="200" hspace="10" height="150" src="3.jpg" alt="Slide3" title="Slide3" / /a

Thx

stella’s picture

stella commented

can you paste your code within <code> tags please?

hrpo’s picture

hrpo commented

Now i did:

<p><a title="One" rel="lightshow[One]" href="http://something/files/One.jpg"><img width="200" hspace="10" height="150" rel="lightbox" src="http://something/files/One.jpg" /></a></p>
<p><a title="Two" rel="lightshow[Two]" href="http://something/files/Two.jpg"><img width="200" hspace="10" height="150" rel="lightbox" src="http://something/files/Two.jpg" /></a></p>

And it works perfectly!

Thx for replay!

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.