Photo Gallery Speed in iWeb Site

Hi, I'm looking for some advice on quicker photo galleries.
I've made my organization's website using iWeb... It seems to work fine, except a lot of the site is really slow to load, especially large photo galleries. I realize a lot of this has to do with the code, but is there another solution (have the photo's hosted by some other, faster service)?
See for yourself: http://turtleconservancy.org/travel/brazil/
Thanks for your help!
Max

Hi guys, thanks for taking a look. The site is made with iWeb. The gallery was made by drag n drop + linking to image files, then adding the shadow box code in Dreamweaver.
When I said the site is slow to load, I am just looking to speed it up. It loads fine on every test machine i've used. I'm just looking to make it even faster! (Google Analytics is telling me it's slow...)
-If I hosted the linked images on another server (amazon cloud) would this speed things up?
-Is there another way to present a gallery of images with captions + shadow box (or similar, elegant) effect that would cut down the load time?
Also, a bit off topic, anyone know of a good resource to read up on taking advantage of browser cache capabilities and how to make a section of the site (ie. navbar) an "include"?
As you can clearly see, I am no pro... Haha! Any other streamlining/optimization tips are greatly appreciated!
Again, the site I'm working with here is: http://turtleconservancy.org/
Thank you for all help and advice!
-Max

Similar Messages

How does one add a photo gallery to my web site in Dreamweaver CS5 and have the link recognized as a destination file?

How does on add a photo gallery to a web site in Dreamweaver CS5 and have the file folder which contains the photos, recognized as the "go to location" for the link up?

Ok. So Photos1.htm is the main gallery page.
And it looks like you have sub-folders with images in them like these from 2011 and 2010
LLA Picnic 2011/
photos 2010/
Have you defined a site in DW yet? That's a critical first step in getting DW to recognize your site's links and other assets. See video below:
GS-01: Defining a new site | Learn Dreamweaver CS5 & CS5.5 | Adobe TV
Nancy O.

Help with code for inserting horizontal scroll bar in photo gallery in Business Catalyst site?

Hi,
I am using Business Catalyst and Dreamweaver to create a trial site.
I am not sure if this is the correct forum to post this request but anyway I have inserted a photo gallery module at the bottom of the sidebar in the homepage of my test site.
Can anyone advise on whether jquery or any other code can be inserted into the page or module code that will replace the "next" hyperlink below the first 4 photos with a horizontal scroll bar at bottom of the gallery so users can just scroll through all 12 images ?
Kind Regards, Matt.
http://craftime-bs6.businesscatalyst.com/

Alyssa,
Have you tried putting this rule back as it was originally:
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto; /*was 9px*/
    color: #EF9CCF;
    background-color: #FFF;
That is, changing your 9px back to auto.
And giving us a link (as you did) is much better than printing out the code for us! Thanks!
Beth

Photo gallery not displaying after site is published to .mac

I would like to thank everyone who reads and responds to these posts. I would be completely lost without it. Apple is lucky to have such great forums. That being said, I need help again...
I finally (thanks to much help) got both my websites up and running without interfering with each other in the publishing process. Now my second website http://web.mac.com/dkeesey01/CAAHA/Welcome.html or www.caaha.org is up but the photo gallery won't show. I published to a folder and it works fine, but it won't work in safari, firefox, or internet explorer.
Thank you!

Update iWeb to 2.0.4. It will solve a lot of problems.
Then do *Publish all to MobileMe*.

Photo Gallery page on iWeb - Sharing some experience....

I am an Aperture user and my starting point was to create nice web photo galleries from Aperture...
- I got quickly frustrated with the lack of customization of the standard Aperture Web pages (font, color, size...).
- Aperture 2.1 MobileMe galleries are a bit better but not what i wanted either.
- Then i found out that i could easily export photos from Aperture to iPhoto, and then from iPhoto to iWeb, and that iWeb would offer me more customization options.
- Following that route, i imported my Aperture photos into iPhoto, then used the Share/Send to iWeb/Photo Page function.
- Having some experience using iWeb, i was able to customize the template somehow, but got frustrated by the apparently fixed web page size, which at first seemed to stick to a 700x480 format for the photo gallery... and i would like to show the pics at around 1200x1200....
- Until i played with the Album style pop up window and found that depending on the style chosen, the photo gallery size could expand up to 1200 pix width ! (that with the Album style which is on 1st column/3rd row). But then double clicking on thumbnails would randomly expand the given picture to between 700 and 1200 pix width...
This is where i got to. Now a few questions, if you're still with me :
- Am i correct to assume that there is no direct interface available between Aperture and iWeb, and that i need to use this iPhoto intermediate step?
- Has anyone found a way to fully customize the size of photo galleries in iWeb (both for the thumbnail display area and for the magnified picture area)?
- If not, can someone point me to a comprehensive resource detailing the iWeb template creation steps ?
Thanks in advance, and to add a wish : could Mr Apple think of standardizing/optimizing/improving the web gallery generation process across its platform for the next versions ?

I've read in this forum that Aperture has a setting to make it's photos available to other iApps, see this post, via the Media browser but not galleries created by it in the Web Snippet menu, see the last post in this topic.
Submit a feature request to both iWeb and Aperture at:
http://www.apple.com/feedback/iweb.html
http://www.apple.com/feedback/aperture.html

Photo gallery page from iWeb '08 doesn't work for Mac OS X 10.3.9 user?

I have recently published a photo gallery page with comments on using iWeb '08 (latest update). Displays fine for me and apparently a lot of other mixed-platform users. But one user is saying that his eMac with Mac OS X 10.3.9 and the Safari of the day don't display the pictures. He gets the banner and background image for the gallery, but not the actual pictures. I asked him to try Firefox, but so far no reply on that.
Do the older versions of Safari work with content from iWeb '08?

QuickTimeKirk wrote:
The only thing missing when viewed using older browsers is those features that require newer Web browser software.
It was no different when AOL went from version 3 to version 4.
The very complex javascript files written by iWeb 2 still allow older browsers view (limited features) view the basic parts of your pages.
Unfortunately this is not true. On an iMac G4 10.3.9 using Safari you cannot even view the photos, the photo page or even the web gallery itself. You just get a warning. Had I known that my friends and family would have a problem viewing photos I would have passed on the update. I don't expect my Father to upgrade his system to view photos from the "user friendly" Apple programs. That's why we got him an iMac to begin with. I find iLife 08 a very poor release from Apple and more trouble than it is worth.
It was no different when AOL went from version 3 to version 4.
I didn't know AOL even still existed, that alone upgraded!? (haha)
+The images should load but many of the Web 2.0 features will not work (image rollover viewing, changing dimensions or background colors).+
But Kirk, they don't, none of them! and this kind of stuff just seems crazy to some of us. I wish that Apple would TELL US or advertise the facts like, Oh, you only get ONE gallery for each user on Web Gallery (useless) and Oh, you will not be able to edit 06 iWeb pages with 08 iWeb and the iLife 08 version of iPhoto you will not be able to view these galleries without upgrading to the latest Safari web browser. Yes we always expect some bugs with a major update but this is getting ridiculous.
I have not yet had anybody try downloading the newest version of Firefox that will work with 10.3.9. Do you know if that will make a difference? Thanks for your help.

Rebuilding Photo Pages from Lost iWeb Site

I mistakenly deleted my backed up iWeb domain file after doing a fresh install of OSX. I know there is no way to import the published HTML files into iWeb, so I am in the process of making a copy of my website manually. I am looking for a way to rebuild my photo pages that doesn't require me to look at the published site, identify which photo is on the site, find it in iPhoto, and drag it to my new iWeb site. Instead, what I'd like to do is grab the photo files from iDisk for each photo page, and then drop them into my new iWeb site. However, I can't seem to find on my iDisk where the actual photo files are stored. I suspect I am looking in the wrong place. The files in the iDisk/Web/Sites/Site Name/My Albums/Pages/Album Name/Media/Photo Name are too small and low quality. When I click the download link from the published site, it's the full size file. Where is this stored?

I mistakenly deleted my backed up iWeb domain file after doing a fresh install of OSX. I know there is no way to import the published HTML files into iWeb, so I am in the process of making a copy of my website manually. I am looking for a way to rebuild my photo pages that doesn't require me to look at the published site, identify which photo is on the site, find it in iPhoto, and drag it to my new iWeb site. Instead, what I'd like to do is grab the photo files from iDisk for each photo page, and then drop them into my new iWeb site. However, I can't seem to find on my iDisk where the actual photo files are stored. I suspect I am looking in the wrong place. The files in the iDisk/Web/Sites/Site Name/My Albums/Pages/Album Name/Media/Photo Name are too small and low quality. When I click the download link from the published site, it's the full size file. Where is this stored?

Adding a Lightroom Gallery on an iweb site- that does NOT use .mac

I've been checking all past posts but only find references to adding a Lightroom Gallery in iweb if the user has mobile me/uses a .mac account. Someone else has asked this same question on July 20 and received no answers so far. Both of us using iweb '08. I've also gone the other direction but all Lightroom answers also refer to .mac accounts.
I've tried following the methods in past posts using html snippets and iframes but they don't seem to be a perfect fit without the .mac account. Anyone have any advice here? Many thanks.

I tested and it worked fine for me....
I went through Yahoo steps and had code generated...
Went to iWeb and on page I wanted to add chart, I clicked on the "Web Widgets" icon at bottom of iWeb page and picked "HTML Snippet" and then pasted code in area provided (where it says paste code), finally I hit "Apply" saved my pages and published. Worked fine.
Hope this helps you.

Photos on iWeb site

Is it possible to save your iDisk space by putting photos on your .Mac iWeb site from another website you are with. Maybe thats not very clear.... I have a 'pro' flickr account that I bought before I got my .Mac account as a gift. Is it possible to build my .Mac website from the photo's I have already on my Flickr account to save loading them to my iDisk and therefore saving space?
It's just I plan to put a lot of photos on my site and don't want it to eat up all my space. I realise, I could just continue with my photos on Flickr, but I really like the format of the .Mac sites better and plan on selling some of my prints through the site.
Any help would be great,
David

I may have read too much into your plans.
I'm not, by any means, an expert with Flickr so bear with me.
IF the files in Flickr are accessible with "http" commands, it's real easy to add a hyperlink in your iWeb site to bring the viewer to Flickr. The minor difficulty is that you want only SOME viewers to reach Flickr. IF Flickr access can be PW-protected, it's a slam-dunk.
If not, it might be a little klutzy. You'll need to create a second iWeb site that's PW-protected. The hyperlink in your main iWeb site brings the viewer to the PW-protected iWeb site and, for those that can access it, another hyperlink will take them to Flickr.

Need help in adding Cooliris photo gallery to premade web template.

Hi,
I purchased a flash template that has nice effects. I would like to add Cooliris or a nice photo gallery page to the site. I contacted their help forum from where I bought the template and they say the effects are an embedded video that has to be custom editied, which I don't know how to do.
What do I need to do? Can I upload the template in this forum to show exactly what I mean? or, I can show you the sample template at:
http://www.templatetuning.com/flash-templates-preview/32485.html
Marty

Change this -
 Welcome to Automated Compliance Solutions
 <a href="contactacs.htm"><img src="button.png" width="266" height="56" border="0" align="right" /></a>
to this -
 Welcome to Automated Compliance Solutions
 <a href="yourlink.htm"><img src="yourbutton.png" width="266" height="56" border="0" align="right" /></a>
 <a href="contactacs.htm"><img src="button.png" width="266" height="56" border="0" align="right" /></a>
Be aware that my suggestion here is NOT valid XHTML, but since you are not a web developer, and the 'invalid' markup that I have suggested will not affect the rendering or operation of the page, I decided to keep it simple for you. In my suggestion, "yourlink.html" refers to the page to which you want this button to link, and "yourbutton.png" refers to the filename of the button image (obviously you'd want to change this to correspond to the filename and extension of the image you have created).

Help putting a photo gallery in Dreamweaver CS5.5

Hi,
I'm new to web design and have been learning to use DW CS5.5. My goal is to design a website for my small, online antiques business with a photo gallery in it.
The Adobe Extension site lists several photo gallery options, but none for CS5.5. Does anyone have any ideas on how I can easily, or fairly easily add a simple photo gallery to my new site? By simple, I mean thumbnails linking to a page with a larger photo and descriptive text, nothing else. I really want to keep it simple.
Is my only choice to build it myself from scratch?
Any help you can give will be most appreciated.
Terry3Mc

hello Terry,
There is a website called www.templatesold.com you have to pay.. but i have a login
there are a lot of templates of photo gallerys.
email-me [email protected]
Leonardo Hermoso
bovespa

Photo Gallery Page

I'm creating a photo gallery page for a site.... I have my 12
thumbnails (70 x 70) in a table. To the right is a 260 x 260 layer
in which to view the photo full size. I want to have the full size
photo appear in this layer when the viewer mouses over the
corresponding thumbnail. Is this accomplished using javascript?
I've seen this on other sites. Can anyone suggest a tutorial or
other help? I considered the Flash / XML method but I don't want a
slideshow. Please help.

It can be accomplished using CSS and javascript
highlight the thumbnail and use behaviors to "show or hide
layers". You will need to place the correct image in each layer
(I know that a lot of people do not like layers but it works
for this example. just fine I have had no problems) (but it is
confusing)
here is an example
http://www.storyartstation.com
here is a tutorial
http://www.maagraphics.com/tutorials/show-and-hide-layers-in-dreamweavermx.htm

Photo Gallery combined with three column CSS

Hi, I am trying to implement your photo gallery into our
school site and I am having trouble with the layout. I am using a
three-column layout created with CSS and JS, and then placing the
photo gallery inside of this. What happens is when you pull up the
page the three column layout does not position everything correctly
until you resize the browser window (ever so slightly). Help, have
been staring at CSS and JS code now for about a month and cannot
get it to behave, any help would be greatly appreciated. Thanks.
HSPVA Photo
Gallery

"kjuliff" <[email protected]> wrote in message
news:eqij22$are$[email protected]..
>I can reproduce your problem, gnd4evr&evr. I have XP
an IE7 and FF2.
>It's fine
> in FF2 but not in IE7.
>
> I have a similar problem, and I think it's related. This
problem
> really needs
> addressing!
>
> Go to
http://www.coolabah.com/spry/demos/gallery/
and look at the
> bottom of
> the page (in either IE or FF). You will see a google
adsense div.
> Although it
> is specified in it's div tab as being 15 px in height,
it takes up
> much more
> than that.
>
> I HAD wanted to have these google links at the top of my
gallery, but
> cannot
> as I cannot force the div to be only 15px in height.
>
> I posted this problem a few weeks ago but no one
answered.
Your Google ads are in an iframe. This rule will get you
started
iframe {
height: 2em !important;
position: absolute;
top: 650px;
You can leave the position static if you like, and it will
move up and
down with your images - I found that a bit distracting,
though. If you
leave it static, use a top-margin to establish space between
your image
and the ads.
The !important notation is required for the height,
indicating either a
conflict somewhere in your markup or CSS, or poor Google code
(not
uncommon).
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"

Now that the photo gallery in MobileMe is ending, is there another photo sharing site to which existing iPhoto albums can be transferred as is, with photos in the same order and with titles, and with minimal problems?

Now that the photo gallery in MobileMe is ending, is there another photo sharing site to which existing iPhoto albums can be transferred as is, with photos in the same order and with titles, and with minimal problems?

No. If you don't have the album you originally used to create the galleries you can do so by dragging the photos from each gallery to a new, empty album. Then when you find the photo sharing site/option you have decided on you can easily upload each album to the site.
Another option is to obtain a hosting service and create iWeb photo pages for each album and future albums similar to this photo page in one of my demo sites: iPhoto Book as an iWeb Slideshow. Or you can use the iWeb album page and have an album for each iPhoto album on it like on this demo page: Page-7 .
OT

How to upload photoshop Web photo Gallery to iWeb 1.1.2

I have a great iWeb Photography site and it's linked to the web through my domain name only- just thru Forwarding. I want to use the Photoshop CS2Web Gallery feature and have created a sample folder. How do I link it to open in my website?
So far, I created the box, chose to hyperlink it to an external page and typed in page name that the Web Photo Gallery gave it and then I go thru the website- it goes to the gallery home page, but shows no photos, just the little question mark boxes. I'm pretty non-technical about this. Any help is great. I can't find the answers through Adobe help. I thought this was going to be easier...

Hi, I too, am a beginner and I'm trying to create a simple
website and want to include a photo gallery as well. I just
discovered the "Create a Web Photo Gallery" in Photoshop CS3 and I
was just wondering the same thing. How do you get it in into
Dreamweaver and into your site? I hope someone answers this
question.

Photo Gallery Speed in iWeb Site

Similar Messages

Maybe you are looking for