Adobe Community: serious help needed fixing an image gallery

Currently Being Moderated

1. adninjastrator,

Apr 11, 2012 7:56 AM in reply to braico

Report

This is the part of the lightbox code that specifies which set of images to use:

rel="lightbox[portfolio]"

the [portfolio] part. You need to create a separate id name for each button you have. Then only those images in that set will display for that button.

for example:

rel="lightbox[first_button]"

all images linked to in that set will display under the first button

Then

rel="lightbox[second_button]"

to display a second set.....etc, etc.

http://lokeshdhakar.com/projects/lightbox2/

Best wishes,

Adninjastrator

|

Mark as:

Currently Being Moderated

2. braico,

Apr 11, 2012 3:18 PM in reply to adninjastrator

Report

Thank you very much for your response.

Where can i finfd this code? In CSS? Because i can find it..

Regards Brian

Date: Wed, 11 Apr 2012 08:56:52 -0600

From: forums@adobe.com

To: braico@live.nl

Subject: Re: serious help needed fixing an image gallery serious help needed fixing an image gallery

Re: serious help needed fixing an image gallery

created by adninjastrator in Dreamweaver - View the full discussion

This is the part of the lightbox code that specifies which set of images to use:rel="lightbox[portfolio]"the Re: serious help needed fixing an image gallery part. You need to create a separate id name for each button you have. Then only those images in that set will display for that button.for example:rel="lightbox[first_button]"all images linked to in that set will display under the first buttonThenrel="lightbox[second_button]"to display a second set.....etc, etc.http://lokeshdhakar.com/projects/lightbox2/Best wishes,Adninjastrator

Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Re: serious help needed fixing an image gallery

To unsubscribe from this thread, please visit the message page at Re: serious help needed fixing an image gallery. In the Actions box on the right, click the Stop Email Notifications link.

Start a new discussion in Dreamweaver by email or at Adobe Forums

For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

|

Mark as:

Currently Being Moderated

3. braico,

Apr 11, 2012 3:24 PM in reply to adninjastrator

Report

i find it in code.

1. i see 6 sets so i think i can strat with the second set. so it look like this

!images/imc_logo.jpg|alt=|src=images/imc_logo.jpg!

where i can link the images to the button i named lightbox2?

Date: Wed, 11 Apr 2012 08:56:52 -0600

From: forums@adobe.com

To: braico@live.nl

Subject: Re: serious help needed fixing an image gallery serious help needed fixing an image gallery

Re: serious help needed fixing an image gallery

created by adninjastrator in Dreamweaver - View the full discussion

This is the part of the lightbox code that specifies which set of images to use:rel="lightbox[portfolio]"the Re: serious help needed fixing an image gallery part. You need to create a separate id name for each button you have. Then only those images in that set will display for that button.for example:rel="lightbox[first_button]"all images linked to in that set will display under the first buttonThenrel="lightbox[second_button]"to display a second set.....etc, etc.http://lokeshdhakar.com/projects/lightbox2/Best wishes,Adninjastrator

Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Re: serious help needed fixing an image gallery

To unsubscribe from this thread, please visit the message page at Re: serious help needed fixing an image gallery. In the Actions box on the right, click the Stop Email Notifications link.

Start a new discussion in Dreamweaver by email or at Adobe Forums

For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

|

Mark as:

Currently Being Moderated

4. adninjastrator,

Apr 11, 2012 7:25 PM in reply to braico

Report

Putting 6 image galleries on the same page is going to require a little "outside the box" thinking/coding.

The lightbox you are using typically is for just one gallery on one page.

But.. I'm sure there are ways around this.

Just to review..

rel="lightbox[portfolio]"

the array of images used in this link are described in between the brackets [ ].

So to create an array called "flyers" for example, you could use this:

rel="lightbox[flyers]"

Then only the images listed in that section of [flyers] images will display.

To practice and understand this principle, you might want to create a few test pages...each which only has one set of images... not 6 galleries.

So... do a new, single gallery page... test the array method mentioned above... then move on to a second gallery. Only after you can successfully select the appropriate images for the "Flyers" gallery, etc. should you attempt to combine the process into 6 galleries.

Best wishes,

Adninjastrator

|

Mark as:

Currently Being Moderated

5. braico,

Apr 11, 2012 7:59 PM in reply to adninjastrator

Report

How do you listed the images?

Thank you for your answer. It sounds very difficult to do.

Is it possible that you tell me step bybstep how to make a singlle gallerie?

Regards

Verstuurd vanaf mijn iPhone

Op 12 apr. 2012 om 04:25 heeft "adninjastrator" <forums@adobe.com> het volgende geschreven:

Re: serious help needed fixing an image gallery
created by adninjastrator in Dreamweaver - View the full discussion
Putting 6 image galleries on the same page is going to require a little "outside the box" thinking/coding.

The lightbox you are using typically is for just one gallery on one page.

But.. I'm sure there are ways around this.

Just to review..

rel="lightbox[portfolio]"

the array of images used in this link are described in between the brackets Re: serious help needed fixing an image gallery.

So to create an array called "flyers" for example, you could use this:

rel="lightbox[flyers]"

Then only the images listed in that section of Re: serious help needed fixing an image gallery images will display.

To practice and understand this principle, you might want to create a few test pages...each which only has one set of images... not 6 galleries.

So... do a new, single gallery page... test the array method mentioned above... then move on to a second gallery. Only after you can successfully select the appropriate images for the "Flyers" gallery, etc. should you attempt to combine the process into 6 galleries.

Best wishes,

Adninjastrator

Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Re: serious help needed fixing an image gallery
To unsubscribe from this thread, please visit the message page at Re: serious help needed fixing an image gallery. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Dreamweaver by email or at Adobe Forums
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

|

Mark as:

Currently Being Moderated

6. adninjastrator,

Apr 12, 2012 6:49 AM in reply to braico

Report

I'd suggest you start a new, blank HTML page and build a single gallery on it.

I'm sure that where ever you got your gallery from will have a better explanation than I can provide on how to set up that gallery. So first, check there.

The principle that you will be looking for is to provide an <a> (anchor) with the same array name for each image you want in that set. You only need to dispay a linking image for the first gallery image... it gives the viewer something to click. For the other images in the array, you will not need to display an image... just provide an <a>

rel="lightbox[flyers]

notice where the anchor tag starts and ends:

<a class="load_portfolio_img" rel="lightbox[portfolio]" href="images/abnamro_gustav.jpg">
<span class="rm_img noscript"><img src="images/abnamro_logo.jpg" alt="" /></span>
<span class="roll_over rollover"></span></a>

now you've got a number of classes as well as a rollover image that complicates things even more. You might want to start with a simpler gallery until you understand how they work.

Here is a working example of having 2 separate galleries on the same page... copy and paste code into DreamWeaver so the code formats better. Notice that only the first <a> has a <img src="....

The other <a> s do not display any image on the page... only in the Gallery slideshow

<h2>Photo Gallery 1</h2>

    <a href="images/paw_Carrie-Elwha.jpg" rel="lightbox[paw]" title="Elwha River Valley approaching the bridge"><img src="images/125/paw_Carrie-Elwha.jpg" alt="Elwha River Valley approaching the bridge" width="125" height="93" border="0" title="Elwha River Valley approaching the bridge"/></a>
    <a href="images/paw_Elwha_Approach_1.jpg" rel="lightbox[paw]" title="Approaching Elwha Bridge from the east"></a>
    <a href="images/paw_Elwha_Ramp.jpg" rel="lightbox[paw]" title="Elwha Bridge ramp to pedestrian deck"></a>

   <h2>Photo Gallery 2</h2>

    <a href="images/sw_IMG_1115-Downtown-Trail.jpg" rel="lightbox[sw]" title="Trail near High School close to downtown Sequim"><img src="images/125/sw_IMG_1115-Downtown-Trail.jpg" alt="Trail near High School close to downtown Sequim" width="125" height="83" border="0" title="Trail near High School close to downtown Sequim"/></a>
    <a href="images/sw_IMG_1945-Downtown-Sequim.jpg" rel="lightbox[sw]" title="Downtown Sequim"></a>
    <a href="images/sw_IMG_3031-Bike-Group.jpg" rel="lightbox[sw]" title="Dungeness River Bridge near Audobon Center"></a>
    <a href="images/sw_IMG_6488-River-Bridge.jpg" rel="lightbox[sw]" title="View from Bridge during early fall"></a>
    <a href="images/sw_IMG_0868.jpg" rel="lightbox[sw]" title="Trail West of River Bridge"></a>

The first image in the set actually displays an image for the viewer to click, the other images in that set are simply anchors <a>.... no image displays on the page. But you can see there are two sets of arrays

rel="lightbox[paw]"

for Gallery 1 and

rel="lightbox[sw]"

for Gallery 2

Start very simple, a new page with just one gallery... learn to create a set of images and build on that knowledge to build a second gallery.

Best wishes,

Adninjastrator

|

Mark as:

Currently Being Moderated

7. braico,

Apr 12, 2012 7:11 AM in reply to adninjastrator

Report

Great im going to start right away.. i will keep you informed about the progress

regards

Brian

Date: Thu, 12 Apr 2012 07:49:46 -0600

From: forums@adobe.com

To: braico@live.nl

Subject: Re: serious help needed fixing an image gallery serious help needed fixing an image gallery

Re: serious help needed fixing an image gallery

created by adninjastrator in Dreamweaver - View the full discussion

I'd suggest you start a new, blank HTML page and build a single gallery on it.I'm sure that where ever you got your gallery from will have a better explanation than I can provide on how to set up that gallery. So first, check there.The principle that you will be looking for is to provide an (anchor) with the same array name for each image you want in that set. You only need to dispay a linking image for the first gallery image... it gives the viewer something to click. For the other images in the array, you will not need to display an image... just provide an rel="lightbox[flyers]notice where the anchor tag starts and ends:!images/abnamro_logo.jpg|alt=|src=images/abnamro_logo.jpg! now you've got a number of classes as well as a rollover image that complicates things even more. You might want to start with a simpler gallery until you understand how they work.Here is a working example of having 2 separate galleries on the same page... copy and paste code into DreamWeaver so the code formats better. Notice that only the first # has a !! s do not display any image on the page... only in the Gallery slideshowh2. Photo Gallery 1

!images/125/sw_IMG_1115-Downtown-Trail.jpg|title=Trail near High School close to downtown Sequim|height=83|alt=Trail near High School close to downtown Sequim|width=125|src=images/125/sw_IMG_1115-Downtown-Trail.jpg|border =0! images/sw_IMG_1945-Downtown-Sequim.jpg images/sw_IMG_3031-Bike-Group.jpg images/sw_IMG_6488-River-Bridge.jpg The first image in the set actually displays an image for the viewer to click, the other images in that set are simply anchors #.... no image displays on the page. But you can see there are two sets of arrays rel="lightbox[paw]"for Gallery 1 and rel="lightbox[sw]"for Gallery 2Start very simple, a new page with just one gallery... learn to create a set of images and build on that knowledge to build a second gallery.Best wishes,Adninjastrator

Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Re: serious help needed fixing an image gallery

To unsubscribe from this thread, please visit the message page at Re: serious help needed fixing an image gallery. In the Actions box on the right, click the Stop Email Notifications link.

Start a new discussion in Dreamweaver by email or at Adobe Forums

For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

|

Mark as:

Currently Being Moderated

8. adninjastrator,

Apr 12, 2012 8:09 AM in reply to braico

Report

And to encourage you, here is the link to the page which contains two photo galleries on one page:

http://www.olympicdiscoverytrail.com/trail_maps/pt_angeles_w_test.html

Scroll to the bottom of the page and you'll see two images used as links to two separate galleries.

View the source code if you need more info:

Best wishes,

Adninjastrator

|

Mark as:

Currently Being Moderated

9. braico,

Apr 12, 2012 8:14 AM in reply to adninjastrator

Report

Great so it is possible..

Date: Thu, 12 Apr 2012 09:09:17 -0600

From: forums@adobe.com

To: braico@live.nl

Subject: Re: serious help needed fixing an image gallery serious help needed fixing an image gallery

Re: serious help needed fixing an image gallery

created by adninjastrator in Dreamweaver - View the full discussion

And to encourage you, here is the link to the page which contains two photo galleries on one page:http://www.olympicdiscoverytrail.com/trail_maps/pt_angeles_w_test.html Scroll to the bottom of the page and you'll see two images used as links to two separate galleries.View the source code if you need more info:Best wishes,Adninjastrator

Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Re: serious help needed fixing an image gallery

To unsubscribe from this thread, please visit the message page at Re: serious help needed fixing an image gallery. In the Actions box on the right, click the Stop Email Notifications link.

Start a new discussion in Dreamweaver by email or at Adobe Forums

For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

|

Mark as:

Currently Being Moderated

10. braico,

Apr 12, 2012 8:42 AM in reply to adninjastrator

Report

I think ive got a writers block or something because i dont know where to start..

Really need to fix this portfolio.. is there an easier way to do this. I think this a bit to difficult to do for me.

Regards Brian

Date: Thu, 12 Apr 2012 09:09:17 -0600

From: forums@adobe.com

To: braico@live.nl

Subject: Re: serious help needed fixing an image gallery serious help needed fixing an image gallery

Re: serious help needed fixing an image gallery

created by adninjastrator in Dreamweaver - View the full discussion

And to encourage you, here is the link to the page which contains two photo galleries on one page:http://www.olympicdiscoverytrail.com/trail_maps/pt_angeles_w_test.html Scroll to the bottom of the page and you'll see two images used as links to two separate galleries.View the source code if you need more info:Best wishes,Adninjastrator

Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Re: serious help needed fixing an image gallery

To unsubscribe from this thread, please visit the message page at Re: serious help needed fixing an image gallery. In the Actions box on the right, click the Stop Email Notifications link.

Start a new discussion in Dreamweaver by email or at Adobe Forums

For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

|

Mark as:

Currently Being Moderated

11. braico,

Apr 12, 2012 9:06 AM in reply to adninjastrator

Report

i have found this... you think i can use this?

http://www.dreamweavertutorial.co.uk/dreamweaver/video/jquery-lightbox -image-gallery-dreamweaver.htm

regards Brian

Date: Thu, 12 Apr 2012 09:09:17 -0600

From: forums@adobe.com

To: braico@live.nl

Subject: Re: serious help needed fixing an image gallery serious help needed fixing an image gallery

Re: serious help needed fixing an image gallery

created by adninjastrator in Dreamweaver - View the full discussion

And to encourage you, here is the link to the page which contains two photo galleries on one page:http://www.olympicdiscoverytrail.com/trail_maps/pt_angeles_w_test.html Scroll to the bottom of the page and you'll see two images used as links to two separate galleries.View the source code if you need more info:Best wishes,Adninjastrator

Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Re: serious help needed fixing an image gallery

To unsubscribe from this thread, please visit the message page at Re: serious help needed fixing an image gallery. In the Actions box on the right, click the Stop Email Notifications link.

Start a new discussion in Dreamweaver by email or at Adobe Forums

For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

|

Mark as:

Currently Being Moderated

12. adninjastrator,

Apr 12, 2012 9:24 AM in reply to braico

Report

Oh I'm sure you could get that gallery to work, but there is a big difference in that slideshow gallery and what you are attmepting to do.

In your "Six Gallery" example, you are using one photo (which is not in your Gallery) as a link to open and display a number of other images (none of which are displayed as thumbnails on the Web page).

This jquery gallery uses a thumbnail for each image that you want to display. The thumbnail displayed do not represent individual galleries, they represent all the images which will display within that one gallery... one thumbnail for each image in the gallery.

Now that's fine if you are planning on using multiple thumbnails to represent each gallery.

What I was describing in my sample gallery was a method to display multiple, independent images in multiple galleries, all on a single page. It just seems that is a closer fit for your "Six Gallery" page idea than using thumbnails for each and every image in each and every gallery.

But you'll have to make the choice.

Best wishes,

Adninjastrator

|

Mark as:

Currently Being Moderated

13. braico,

Apr 12, 2012 9:33 AM in reply to adninjastrator

Report

Alright i see. no that is not what i want. i will stay with my first idea.. But how to start... Date: Thu, 12 Apr 2012 10:23:39 -0600

From: forums@adobe.com

To: braico@live.nl

Subject: Re: serious help needed fixing an image gallery serious help needed fixing an image gallery

Re: serious help needed fixing an image gallery

created by adninjastrator in Dreamweaver - View the full discussion

Oh I'm sure you could get that gallery to work, but there is a big difference in that slideshow gallery and what you are attmepting to do.In your "Six Gallery" example, you are using one photo (which is not in your Gallery) as a link to open and display a number of other images (none of which are displayed as thumbnails on the Web page).This jquery gallery uses a thumbnail for each image that you want to display. The thumbnail displayed to not represent individual galleries, they represent all the images which will display within that one gallery... one thumbnail for each image in the gallery.Now that's fine if you are planning on using multiple thumbnails to represent each gallery.What I was describing in my sample gallery was a method to display multiple, independent images in multiple galleries, all on a single page. It just seems that is a closer fit for your "Six Gallery" page idea than using thumbnails for each and every image in each and every gallery.But you'll have to make the choice.Best wishes,Adninjastrator

Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Re: serious help needed fixing an image gallery

To unsubscribe from this thread, please visit the message page at Re: serious help needed fixing an image gallery. In the Actions box on the right, click the Stop Email Notifications link.

Start a new discussion in Dreamweaver by email or at Adobe Forums

For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

|

Mark as:

Currently Being Moderated

14. adninjastrator,

Apr 12, 2012 11:37 AM in reply to braico

Report

Here are 4 files you need:

http://www.olympicdiscoverytrail.com/style_sheets/lightbox.css

http://www.olympicdiscoverytrail.com/style_sheets/prototype.js

http://www.olympicdiscoverytrail.com/style_sheets/scriptaculous.js?loa d=effects

http://www.olympicdiscoverytrail.com/style_sheets/lightbox.js

Here is an entire web page with working multiple galleries:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="../style_sheets/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="../style_sheets/prototype.js"></script>
<script type="text/javascript" src="../style_sheets/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="../style_sheets/lightbox.js"></script>
<title>Slideshow</title>
</head>
<body>
<div id="main_container">

   <div id="galleries">

   <h2>Photo Gallery 1</h2>

    <a href="images/paw_Carrie-Elwha.jpg" rel="lightbox[paw]" title="Elwha River Valley approaching the bridge"><img src="images/125/paw_Carrie-Elwha.jpg" alt="Elwha River Valley approaching the bridge" width="125" height="93" border="0" title="Elwha River Valley approaching the bridge"/></a>
    <a href="images/paw_Elwha_Approach_1.jpg" rel="lightbox[paw]" title="Approaching Elwha Bridge from the east"></a>
    <a href="images/paw_Elwha_Ramp.jpg" rel="lightbox[paw]" title="Elwha Bridge ramp to pedestrian deck"></a>

   <h2>Photo Gallery 2</h2>

    <a href="images/sw_IMG_1115-Downtown-Trail.jpg" rel="lightbox[sw]" title="Trail near High School close to downtown Sequim"><img src="images/125/sw_IMG_1115-Downtown-Trail.jpg" alt="Trail near High School close to downtown Sequim" width="125" height="83" border="0" title="Trail near High School close to downtown Sequim"/></a>
    <a href="images/sw_IMG_1945-Downtown-Sequim.jpg" rel="lightbox[sw]" title="Downtown Sequim"></a>
    <a href="images/sw_IMG_3031-Bike-Group.jpg" rel="lightbox[sw]" title="Dungeness River Bridge near Audobon Center"></a>
    <a href="images/sw_IMG_6488-River-Bridge.jpg" rel="lightbox[sw]" title="View from Bridge during early fall"></a>
    <a href="images/sw_IMG_0868.jpg" rel="lightbox[sw]" title="Trail West of River Bridge"></a>

   </div>

</div>

</body>
</html>

Here is a link to that working page on-line:

http://www.olympicdiscoverytrail.com/trail_maps/slideshow.html

There is not much more I can do!

You'll have to take the bull by the horns and start coding!

Copy/Paste this HTML code into a new, blank page and edit the paths to all the .css, .js, and image files.

Best of luck!

Adninjastrator

|

Mark as:

Currently Being Moderated

15. braico,

Apr 12, 2012 11:40 AM in reply to adninjastrator

Report

thank you... im still sitting in front of my pc thinking how is should do it. lost a whole day..

but now i will start... great..

i will keep you informed ..

regards

Date: Thu, 12 Apr 2012 12:37:39 -0600

From: forums@adobe.com

To: braico@live.nl

Subject: Re: serious help needed fixing an image gallery serious help needed fixing an image gallery

Re: serious help needed fixing an image gallery

created by adninjastrator in Dreamweaver - View the full discussion

Here are 4 files you need:http://www.olympicdiscoverytrail.com/style_sheets/lightbox.csshttp://w ww.olympicdiscoverytrail.com/style_sheets/prototype.jshttp://www.olymp icdiscoverytrail.com/style_sheets/scriptaculous.js?loa d=effectshttp://www.olympicdiscoverytrail.com/style_sheets/lightbox.jsHere is an entire web page with working multiple galleries:

Photo Gallery 1

Photo Gallery 2

images/sw_IMG_1945-Downtown-Sequim.jpg

images/sw_IMG_3031-Bike-Group.jpg

images/sw_IMG_6488-River-Bridge.jpg

</div>

</div>

</body>

</html>Here is a link to that working page on-line:http://www.olympicdiscoverytrail.com/trail_maps/slideshow.htmlThere is not much more I can do!You'll have to take the bull by the horns and start coding!Copy/Paste this HTML code into a new, blank page and edit the paths to all the .css, .js, and image files.Best of luck!Adninjastrator

Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Re: serious help needed fixing an image gallery

To unsubscribe from this thread, please visit the message page at Re: serious help needed fixing an image gallery. In the Actions box on the right, click the Stop Email Notifications link.

Start a new discussion in Dreamweaver by email or at Adobe Forums

For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

|

Mark as:

Currently Being Moderated

16. braico,

Apr 12, 2012 11:58 AM in reply to adninjastrator

Report

How i can use the four files you have send me?

In dreamweaver im getting the message...

lightbox.css is not on the disk

prototype.css is not on the disk

scriptaculous.css is not on the disk

lightbox.js is not on the disk

Date: Thu, 12 Apr 2012 12:37:39 -0600

From: forums@adobe.com

To: braico@live.nl

Subject: Re: serious help needed fixing an image gallery serious help needed fixing an image gallery

Re: serious help needed fixing an image gallery

created by adninjastrator in Dreamweaver - View the full discussion

Here are 4 files you need:http://www.olympicdiscoverytrail.com/style_sheets/lightbox.csshttp://w ww.olympicdiscoverytrail.com/style_sheets/prototype.jshttp://www.olymp icdiscoverytrail.com/style_sheets/scriptaculous.js?loa d=effectshttp://www.olympicdiscoverytrail.com/style_sheets/lightbox.jsHere is an entire web page with working multiple galleries:

Photo Gallery 1

Photo Gallery 2

images/sw_IMG_1945-Downtown-Sequim.jpg

images/sw_IMG_3031-Bike-Group.jpg

images/sw_IMG_6488-River-Bridge.jpg

</div>

</div>

</body>

</html>Here is a link to that working page on-line:http://www.olympicdiscoverytrail.com/trail_maps/slideshow.htmlThere is not much more I can do!You'll have to take the bull by the horns and start coding!Copy/Paste this HTML code into a new, blank page and edit the paths to all the .css, .js, and image files.Best of luck!Adninjastrator

Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Re: serious help needed fixing an image gallery

To unsubscribe from this thread, please visit the message page at Re: serious help needed fixing an image gallery. In the Actions box on the right, click the Stop Email Notifications link.

Start a new discussion in Dreamweaver by email or at Adobe Forums

For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

|

Mark as:

Currently Being Moderated

17. adninjastrator,

Apr 12, 2012 1:02 PM in reply to braico

Report

<link rel="stylesheet" href="../style_sheets/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="../style_sheets/prototype.js"></script>
<script type="text/javascript" src="../style_sheets/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="../style_sheets/lightbox.js"></script>

|

Mark as:

Currently Being Moderated

18. braico,

Apr 12, 2012 1:11 PM in reply to adninjastrator

Report

it doesnt work... i have to paste this over the other code i guess??

Date: Thu, 12 Apr 2012 14:02:44 -0600

From: forums@adobe.com

To: braico@live.nl

Subject: Re: serious help needed fixing an image gallery serious help needed fixing an image gallery

Re: serious help needed fixing an image gallery

created by adninjastrator in Dreamweaver - View the full discussion

Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Re: serious help needed fixing an image gallery

To unsubscribe from this thread, please visit the message page at Re: serious help needed fixing an image gallery. In the Actions box on the right, click the Stop Email Notifications link.

Start a new discussion in Dreamweaver by email or at Adobe Forums

For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

|

Mark as:

Currently Being Moderated

19. adninjastrator,

Apr 12, 2012 1:47 PM in reply to braico

Report

you need to edit the paths to reflect the location of the files on your machine.

href and src="path_to_files_on_your_machine"

|

Mark as:

Currently Being Moderated

20. braico,

Apr 14, 2012 7:54 AM in reply to adninjastrator

Report

i still can't figure this out..

is it possible you write me step by step what i should do.

ive copy the html page in an new html page.

what do i have to change now?. And how can i use the 4 documents what i need to make this work?

Regards Brian

Date: Thu, 12 Apr 2012 14:48:12 -0600

From: forums@adobe.com

To: braico@live.nl

Subject: Re: serious help needed fixing an image gallery serious help needed fixing an image gallery

Re: serious help needed fixing an image gallery

created by adninjastrator in Dreamweaver - View the full discussion

you need to edit the paths to reflect the location of the files on your machine.href and src="path_to_files_on_your_machine"

Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Re: serious help needed fixing an image gallery

To unsubscribe from this thread, please visit the message page at Re: serious help needed fixing an image gallery. In the Actions box on the right, click the Stop Email Notifications link.

Start a new discussion in Dreamweaver by email or at Adobe Forums

For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

|

Mark as:

Currently Being Moderated

21. adninjastrator,

Apr 14, 2012 8:36 AM in reply to braico

Report

Post a link to the new page.

As for the 4 files, These are 4 external files that you link to in the <head>

http://javascript.about.com/library/bladdjs1.htm

http://www.quackit.com/javascript/tutorial/external_javascript_file.cf m

http://www.w3schools.com/css/css_howto.asp

|

Mark as:

Currently Being Moderated

22. braico,

Apr 14, 2012 9:49 AM in reply to adninjastrator

Report

Thank you for you response.

Ive came up with an easier way to display my portfolio. Perhaps you can take a look.

http://www.dorff.nl/

As you can see ive change the sprymenu.

Under portfolio you can now choose what part of the portfolio you want to see.

I think thats a nice solution because ive got a lot of work that i need to show.

IThe only problem now is that i need to change the library i used to display each part of my work. I beleaf the first mail youve send have something to do with it..

=========================================================

This is the part of the lightbox code that specifies which set of images to use:rel="lightbox[portfolio]"the

Re: serious help needed fixing an image gallery part. You need to create a separate id name for each button

you have. Then only those images in that set will display for that

button.for example:rel="lightbox[first_button]"all images linked to in that set will display under the first buttonThenrel="lightbox[second_button]"to display a second set.....etc, etc.

==================================================================

if this is what i need to do now please explain to me how i do this.

Regards Brian

Date: Sat, 14 Apr 2012 09:37:05 -0600

From: forums@adobe.com

To: braico@live.nl

Subject: Re: serious help needed fixing an image gallery serious help needed fixing an image gallery

Re: serious help needed fixing an image gallery

created by adninjastrator in Dreamweaver - View the full discussion

Post a link to the new page.As for the 4 files, These are 4 external files that you link to in the http://javascript.about.com/library/bladdjs1.htmhttp://www.quackit.com /javascript/tutorial/external_javascript_file.cf mhttp://www.w3schools.com/css/css_howto.asp

Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Re: serious help needed fixing an image gallery

To unsubscribe from this thread, please visit the message page at Re: serious help needed fixing an image gallery. In the Actions box on the right, click the Stop Email Notifications link.

Start a new discussion in Dreamweaver by email or at Adobe Forums

For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

|

Mark as:

Dreamweaver

serious help needed fixing an image gallery

Apr 11, 2012 6:05 AM

Photo Gallery 1

Photo Gallery 2

Photo Gallery 1

Photo Gallery 2

More Like This

Bookmarked By (0)

Answers + Points = Status