Main image loads slowly on website

How do I fix the fact that the main image on my web pages loads slowly on any web browser? I created each main image in Photoshop and made sure each was 72 dpi and was its layers were flattened. Is there some kind of code I need to add? I heard something about adding java script.
Please let me know.
-Erica

LOL comment is from a Spam Bot. Just ignore it.
Images should be resized to the size required on your web page(s). Save for Web as optimized JPGs. The smaller the file size, the faster your page load speed.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Similar Messages

Flash loading slowly on website

Hi,
I created a website in dreamweaver that has flash elements to
it, however when I view my website it takes awhile for the flash to
load, the flash is a image viewer that contains jpegs of images, do
I need to use lower resolution images? How can I tell if my flash
file is too big? Please help.
Thanks

Your swf file seems small (as in pixel dimension). Is the
original Flash file this size or have you reduced the Flash file
size in DW? If the pixel dimensions for your Flash document are
500x500 but in DW you reduce to 200x200, then yes, your Flash file
may be larger than it really appears on this website. For example,
on Event Plannin, you have 5 images. Do you have all 5 images
within that Flash file or are you loading the images seperately
once they rollover the thumbnail (which is what I would recommend).
Either way, you should still have some form of preloader so people
won't be looking at a blank screen while it loads (if they have a
slow connection).
How high is your resolution on your images?

How do I only show thumbnails in the photo gallery without showing the Main Image?

Hello,
I need help customizing the Spry Photo Gallery Demo...
I would like for the Main Image To Be Hidden when the html
page loads. After the user clicks the thumbnail, I would like to
have the Main Image load centered on the page(with div containing
close button) on a z-index above the thumbnails. While the
thumbnails layer has a fade effect to 10%. After the user clicks
the close button the Main image disappears and the thumbnails layer
fades back to 100%. Then the user can click another thumbnail and
so on and so forth...
Is this possible? I have tried everything I can think of with
my limited knowlege of spry and cant get it to work. I just need
help with the Large image part. The close button and fades I can
handle.
Any help would be most appreciated. Please let me know if
further information is needed from me. Thank you in advance.

There is a third-party program called Attachment Tamer that will do that for you. In the Terminal, you can type this:
defaults write com.apple.mail DisableInlineAttachmentViewing -bool yes
Also note that while Attachment Tamer does some things with the encoding that makes certain email clients display the item as an attachment, what shows up at the receiver's end is solely dependent on their email client and its settings.

Images and objects loading slowly

I built my personal website with Adobe Muse (http://www.tylerburton.me/) and there are a few issues I would like to fix. The main problem is certain images and objects seem to load slowly and weirdly when I navigate to the pages. The green navigation bar at the top of the screen as well as the background of my portfolio or the two main examples. Any advice would be much appreciated.

For the two background images, create the faded effect in Photoshop and save the images as JPEG prior to importing into Muse.
At present these two images are either transparent to begin with or have transparency applied in Muse to create the faded effect. That works visually, but results in Muse converting the images to PNG (to support the transparency) and PNG is roughly 5 times larger than a reasonable quality JPEG for this type of image. If you flatten the effect into an opaque version of the image in Photoshop, then JPEG format can be used.
I'm not seeing unusual loading of the header bar, but you might be seeing FOUT (Flash Of Unstyled Text)? It can/will occur if the browser first draws the page before the Web Fonts have loaded. The exact behavior depends on connection speed, the browser used and no doubt other factors.

How do I get a image to load first on website?

Not sure if this is possible, but I have created a website
and I have a image as the background. The only problem is that all
the other iamges load up before the background. How can I get the
background image to load first (so the viewer, when visiting the
site for the first time, sees the background image first) before
the other images load? Is this possible?

> Not sure if this is possible, but I have created a
website and I have a
> image
> as the background. The only problem is that all the
other iamges load up
> before
> the background. How can I get the background image to
load first (so the
> viewer, when visiting the site for the first time, sees
the background
> image
> first) before the other images load? Is this possible?
Possible? Probably. Practical? No. Necessary? No.
I'd suggest making your background COLOR a tone that reflects
the image to
some extent. Then, make sure you REALLY compress that
background image.
-Darrel

Slow image load time in web browsers. My images load too slowly.

Hi, My images are loading slowly in my site. They are png and all under 600kb. Should they be jpegs (they are photos) Can anyone advise?

I would do a few tests, I think you might be fine with the High setting, but also try a little lower if you can to conserve load time. It would be good to get your files to around 120kb each.
A .jpeg file is the way to go, as .png files tend to be 20-40% larger.
Here is an image that is set to 730x486- saved as Medium - Quality 50 - jpeg - final size 99 kb

Image loads locally but not on Website?

I have constructed a slide show viewer for use on a website.
The swf loads jpeg images which are contained in the same
directory. This works well on my local machine but when uploaded to
a website and called up by an html file, the swf runs and shows the
correct backgrounds but fails to load any jpegs. I assume that the
problem is to do with the transfer of the variable 'Select_picture"
into the loadMovie statement?
The following loop (step variable = pic_no) works locally but
not on website:-
>>var Select_picture:String="Pic"+pic_no+".jpg";
>>var Select_mc:String="mc"+pic_no;
>>
>>this.createEmptyMovieClip([Select_mc], depthnow++);
>>loadMovie([Select_picture], [Select_mc]);
In order to prove that a picture could be loaded on the
website, I simplied the code to :
>>loadMovie("pic1.jpg",[Select_mc]);
and this worked.
So, I tried to transfer the same string directly via the
variable;-
>>var Select_picture:String="Pic1.jpg";
>>
>>loadMovie([Select_picture], [Select_mc]);
But this does not work.
Any suggestions would be greatly appreciated.
Regards
Dave

Thanks , Arunkkumar2207j and ggshow for your suggestions.
1, The image size isn't a problem because the one I used for
the test is only 200k. And the single test image loads very quickly
on the website.
2. I don't think the depth of the movie clip is a problem
either because depthnow starts at a very large number and is
incremented for each clip and works well for multiple clips on my
local machine. Also when loading a single image is should not be a
problem. Also, I think I proved that was working with the single
image test?
3. The htm, swf and images are in the same directory. But for
the test, I ran the swf directly on the website (without using the
htm file to load it)
Please keep the suggestions coming....!
Many thanks
Dave

Firefox loading slowly including other websites, freezes

When I open firefox it loads slowly. When I try to go to another site it slows/freezes. What can I do to fix this. Also in the help tab it only give me the option for troubleshooting information. No reload, restart option.

I suspect that the search value in your setup is invalid.
Could you please do the following.<br><br>
#In the location bar where you normally type in a web address, type '''about:config''' and hit Enter.<br><br>
#If you see a window which says "This might void your warranty!", click the button which says "I'll be careful, I promise" so you can continue with the next step.<br><br>
#In the filter at the top, type: '''keyword.URL'''<br><br>
#Double click it and remove whatever's in there and replace it with http://www.google.com/search?q= and then click OK.<br><br>
#Close the tab<br>
The URL to add in "keyword.URL" becomes a link in this post, so right click it and choose "Copy Link Location" to copy it to the Windows clipboard. Then hit CTRL+V to paste it. Saves you having to type the whole thing.<br><br>
'''To reset your home page, do the following'''.<br><br>
* Go to the site you want to set as your homepage.<br><br>
* Click the Firefox button, go to '''Options '''| '''Options '''| '''General'''.<br><br>
* Make sure it says "''Show My Homepage''" in the first dropdown menu.<br><br>
* Click the button called "'''Use Current Pages'''" to set the homepage to the one you have on the screen.<br><br>
If this step fixes the problem for you, please click the '''Solved it''' button next to this post after you log in into the forum. This will help others searching for a solution to the same subject.
Thanks.

No Thumbs or Main Image with Spry Gallery Demo

Hi everyone, DW CS3 newbie here.
I hope this topic hasn't been beaten into the ground yet.
I'm trying to put together a site
(members.cox.net/rangersbu9/gallery.html) for my son's soccer team
and am running into a wall getting the original, dynamic Spry
gallery demo to work. I've done my best to collect and modify the
required files and place them appropriately but, when the files are
loaded on the live server (the wrap div contents are all but
invisible when I view with IE7 locally, apparently due to the PC
not be set up as local server) the thumbs are 'x's and the main
image is a 1px x 1px dot.
The controls will highlight between the empty thumbs and the
gallery pull-down will select between the two options I've put in
the XML file but that's about it. Perhaps it is my ignorance, but
it seems like a ( src= ) tag is missing in the 'mainImageOutline'
div because I cannot understand where the main picture is coming
from otherwise.
Any insight from the source at the link above? Please keep in
mind I have two week's experience with DW and website building but
do have a programming background (from a few decades ago :->). I
believe I have the un-updated CS3 Spry version, if that matters.
Many thanks to Don and others here for posts that have helped
me get this far.
-Kurt

Update:
Got the thumbs to appear. Had them physically sized larger
than the XML fields stated. However, they will not grow/shrink. In
digging through gallery.js, I see that those two functions call
Spry.Effects.SizeAndPosition() - I cannot find that function in any
of the includes (i.e. SpryEffects.js). Spry.Effects.Size yes, but
not SizeAndPosition. Wondering if this gallery.js calls a later
version of SpryEffects.js than I currently have installed (it's
Spry 1.4). I will download 1.6 and check it out but if anyone has
any other input, please let me know.
Still no main image. In gallery.js I found ShowCurrentImage()
which had a hardcoded path to the images that did not match mine.
Corrected the path but no change.
Any suggestions?
Thanks.
-Kurt

IWeb Pages Load Slowly in Browser

Even since the 1.0 version of iWeb, I noticed that the content rich themes resulted in very slow page loads. So, I decided to choose the most minimalist theme possible -- Modern. Even with the latest version, I still notice that the pages created load quite slowly. Here's a simple page with just a few elements on it:
http://web.mac.com/resourcesforlife/journal/
The various layers load at different times, so rather than text appearing on a page, the text appears without a page and then the image layer of the paper shows up later -- kind of ruining the effect of text on a paper.
Previously, the blog directory (main page) would load at an average speed. Now it seems even slower. There are some kind of white borders being placed around the images and this takes a while to apply. I didn't notice these prior to the 2.0 version of iWeb.
So, in general, the density of coding on the pages and inefficient design of the pages, seems to cause them to load slowly. This is a similar problem to what I've heard about with people using Microsoft Word to create HTML pages. The code ends up being very complicated and takes a long time for the browser to interpret. So, many people use programs like Dreamweaver to create the cleanest and simplest code possible for their pages allowing them to load quickly.
Another example of an unnecessarily slow page is my blog archive. It's just text. When it generates, it almost seems like the server is creating the page using a MySQL engine or something like that. One would think that the archive page might be generated into clean HTML at the time of publishing. I looked at the source code, and it isn't pre-generated using basic HTML. It's calling up Java Script routines to generate the page:
http://web.mac.com/resourcesforlife/journal/writings/Archive.html
Any thoughts on this topic?

How weird, but cool! It's too bad iWeb isn't as smart as you are. Since the site generates much of the coding on the fly at the time of publishing to the web, you would think it could think of a smarter way (like the one you've presented) to generate the page image. For example, the text I typed in on the little notepad begins as me typing text. It ultimately ends up as a graphic image created by iWeb when publishing. So, why not just make the entire page a relatively compact JPG image?
Your suggestion would work great if I wasn't planning on changing the content of my main opening page.
I noticed if I used the fun handwriting font along with others in the same text box, that the entire text box became hundreds (like 300) different images representing the separate text and links on the page -- super inefficient. So, I ended up using the fun handwriting font in a separate text box that gets converted to an image and then another text box of Arial font text:
http://web.mac.com/resourcesforlife/journal/topics.html
So, that works on those pages. But I wanted the main page to look nice. Oh, also, some of the elements on the page are links. The movie tickets link to a certain page, for example. So, I'd need to create hotspots in the jpg image to accommodate for that.
In any event, I'm still going back to mark this question as solved because I think for most people's situations it would be with the suggestion you made -- use iWeb to design the graphics of a page, and then save it as a JPG.
I suppose I could also use Pages or Keynote to do the same. Once an entire web page is a JPG image, it doesn't matter how it was created.

How to remove the white space that is now above the main images on each page?

http://www.nydogworks.net
Hello,
I took over updating some things on my site from my web designer. The main images on each page used to be flush with the navigation bar on each page. Now there is a white space in between each one. Can you tell me how to remove the white space?
<div id="container">
<div id="imgholder"><img src="images/feature-aboutus.jpg" width="951" height="341" alt="" />
</div>
<div id="pageContentNoside">
   <div id="sideSub">
     <form action="form.php" method="post" name="form2" id="form2"> <table width="250" border="0" cellpadding="2" cellspacing="2">
       <tr>
         <td width="273"><h2>Quick Contact</h2></td>
         </tr>
       <tr>
         <td class="mainContent">Your Name</td>
         </tr>
       <tr>
         <td><span class="style9">
           <input name="forname" type="text" class="colorfieldssmall" id="forname" size="20" />
           </span></td>
         </tr>
       <tr>
         <td class="mainContent">Your Email Address* (required)</td>
         </tr>
       <tr>
         <td><span class="style7 style9">
           <input name="admail" type="text" class="colorfieldssmall" id="admail" size="25" />
           </span></td>
         </tr>
       <tr>
         <td class="mainContent">Phone Number</td>
         </tr>
       <tr>
         <td><span class="style7 style9">
           <input name="phone" type="text" class="colorfieldssmall" id="phone" />
           </span></td>
         </tr>
       <tr>
         <td><span class="mainContent">Type of Dog Training</span></td>
         </tr>
       <tr>
         <td class="mainContent"><span class="style9">
           <select name="need" class="colorfieldssmall" id="need">
             <option value="select one">select one</option>
             <option value="Basic Obedience">Basic Obedience</option>
             <option value="Behavior Therapy">Behavior Therapy</option>
             <option value="Board and Train">Board and Train</option>
             <option value="Off Leash Training">Off Leash Training</option>
             <option value="Puppy Training">Puppy Training</option>
             </select>
           </span></td>
         </tr>
       <tr>
         <td> </td>
         </tr>
       <tr>
         <td><div align="left">
           <input type="submit" name="submit" id="submit" value="Submit" />
           </div>
           </td>
         </tr>
       </table></form>
     <h2><br />
       Dog Training Services<br />
       </h2>
     <ul id="subnav">
       <li><a href="basic-obedience.html">Basic Obedience</a></li>
       <li><a href="dog-behavior-therapy.html">Behavior Therapy</a></li>
       <li><a href="board-and-train-dog-program.html">Board & Train Program</a></li>
       <li><a href="off-leash-training.html">Off Leash Training</a></li>
       <li><a href="puppy-training-program.html">Puppy Training</a></li>
       </ul>
     <br />
     <br />
     <br />
     </div>
<div id="suggestPost"><a href="https://www.facebook.com/pages/NYDogWorks/219268038151244?fref=ts" ></a></div>
   <div id="mainContent">
     <h1 class="copyrightType">About NY DogWorks</h1><br />
     <h2> <span class="testimonal">The Owner of NYDogWorks</span>      </h2>
     <p><span class="copyrightType"><img src="images/dogpic.jpg" alt="Dog Behavior Therapy" width="183" height="275" class="h_img_float_right" /></span><strong>NYDogWorks L.L.C. is owned and operated by Master Certified Dog Trainer and Behavior Specialist Brian DeMartino. </strong><br />
       <br />
       His training is hands down the best out there. He has become one of the most sought after dog trainers throughout Long Island, Manhattan, & New York.<br />
       <br />
       With over 15 years experience training and rehabilitating some of the toughest cases of dog behaviors. He’s Mastered the Art of teaching top knotch obedience and manners with outstanding results and has developed the most full proof and guaranteed system to fully housebreak any puppy or dog in the shortest amount of time.<br />
       <br />
       He is Certified in dog training and dog behavior and is an Official Evaluator for the American Kennel Club’s (C.G.C) Program.<br />
       <br />
       <br />
       <strong>All About NYDogWorks</strong><br />
       </p>
<p><br />
</p>
     <p>NYDogWorks Dog Education, is a Professional Dog Training Company offering dog training for puppies and older dogs through customized in-home training programs by Master Certified Trainers in Nassau County, Suffolk County, Hamptons, Long Island, Manhattan, Brooklyn, Bronx, Queens, Rockland County, Westchester County, Orange County, and Bergen County New Jersey. NYDogWorks offers obedience training, Housebreaking, Manners, socialization for your dog, Puppy Training and Education, Behavior Therapy, Trick Training, Agility, Complete Off Leash Training, Sport Work, and Personal Protection Training. <br />
       <br />
       <strong><br />
         NYDogWorks Boarding & Training Programs</strong><br />
       </p>
<p><br />
    We offer boarding and training programs done in the home of owner, Brian DeMartino. This is a customized 2-6 week program to suit your dog's needs, great for someone who feels they do not have the time or patience to train or rehabilitate their dog at their home. This is a 100% guaranteed program. Your dog will stay with us for no additional charge if we feel that he or she has not learned all that was agreed upon. We guarantee that if there is any regression within 3 months of your dog being back home with you, he/she will come back to us for no additional charge.<br />
    <br />
    <a href="board-and-train-dog-program.html">View Boarding & Training Programs</a></p>
     <p><br />
       </p>
     <p><br />
       <br />
</div>
   <div id="breadCrumbs">
     <p><a href="index.html">Home</a> > NY DogWorks - About Certified Dog Trainer Brian DeMartino<br />
       <strong>Serving all of Long Island, Nassau & Suffolk County, Manhattan, Brooklyn & Queens</strong></p>
     </div>
</div>
    <div id="footer">
      <div id="footermenu">
      <div id="footermenu1">
      </div>
    </div>
   <div class="phoneNumber" id="copyright"> Copyright © 2014 NY DogWorks</div>
     <div class="websiteDesign" id="sitedesigner">Long Island Website Design by <a href="http://www.wetribet.com" title="Wet Ribet" target="_blank" class="medlink">Wet Ribet</a>     </div>
</div>
</div>

You should be able to add the following snippets of css to your stylesheet to fix that.
In the mainstyle.css file, change...
#imgholder {
width: 950px;
margin-top: 0px;
padding: 0px;
margin-right: auto;
margin-left: auto;
to
#imgholder {
width: 950px;
margin-top: 0px;
padding: 0px;
margin-right: auto;
margin-left: auto;
overflow:hidden;

How can i control what images load on my project to save preload time and avoid loading all images, elements, divs not yet visible?

Sup buddies,
How can I control what images load on my project to save preload time and avoid loading all images, elements, divs not yet visible?
As the project grows in size the load time increases. How does one control not loading all images ,divs,elements etc. until they're
needed on the timeline? For example some sections are off and only become visible when recalled. My projects slowly grow in size so loading
all images , is counter productive . My other option would be to create separate htmls but that breaks the seamless user experience .
TY...Over N Out...

hello, kiwi
quote: "Is there an easy way to burn a completed project to DVD, but keep only the (lo res, lo size) previews on my hard drive?"
yes.
maybe,...
1. you might think of making DVD backups first prior to importing the photos into Aperture. "Store Files: In their current location" once in Aperture make low rez Previews, and export finished Project.
or,
2. bring in the photographs to hard drive first prior to importing the photos into Aperture. "Store Files: In their current location" once in Aperture make low rez Previews, and export finished Project.
the low rez Previews will stay in Aperture but the high quality Versions will be exported onto DVDs and gone from the hard drive (if you delete the originals).
another way would be to export small about 50-70 pixel wide high quality jpegs to a folder on your Desktop and import & keep these in Aperture Library as a reference. make metadata to show where the original Project DVDs are stored and DVD filing system used.
victor

ICal reports that it can't find server, and lots of data from several years ago is trying to get attention. Cannot bring up calendar in any view to use. also keeps loading unused calendar websites from long ago. I can' remove them. what to do?

iCal reports that it can't find server, and lots of data from several years ago is trying to get attention. Cannot bring up calendar in any view to use. also keeps loading unused calendar websites from long ago. I can' remove them. what to do?

UPDATE: I had 36 Safari windows open and minimized on the dock from my last session; 20 of those windows failed to open b/c Safari "couldn't find the server"; I just went to the URL bar of all 20 pages and clicked return, and all 20 pages loaded perfectly, without dropping any images or losing formatting. This is a puzzle!!!

Problems with image loader 'swissarmy.js' in 7.0.1

My Javascript image loader 'swissarmy.js' at www.sustainableaggregates.com loads images right justified in 7.0.1, in older versions of Firefox or all other current browsers it's OK.
Is this a bug in Firefox 7.0.1 rendering engine or is it down to a bad piece of Javascript. Swissarmy.js is used a lot in many websites.
Will a future imminent FF upgrade cure this or do I need to source a new image loader script?

My Javascript image loader 'swissarmy.js' at www.sustainableaggregates.com loads images right justified in 7.0.1, in older versions of Firefox or all other current browsers it's OK.
Is this a bug in Firefox 7.0.1 rendering engine or is it down to a bad piece of Javascript. Swissarmy.js is used a lot in many websites.
Will a future imminent FF upgrade cure this or do I need to source a new image loader script?

XML scrolling thumbnail, image loader, & Buttons [halfway works]

Intro:
I started a flash-based website a few years ago. Back in 2006 I was able to get a xml scrolling thumbnail, image loader to work without a glitch.
For numerous reasons I had to put the project on hold until now. [one was that my 30 day trial of flash expired and only recently was I able to purchase the Adobe Web Suite CS4 as well as a new computer which could run the apps.]
Last Friday saw a bump in the road in the development of my site as two, rather straightforward task, turned into something short of a nightmare as I have been unable to get past these two, seemingly, relatively simple task.
I have posted in 4 other flash forums the issues, in detail, that I am facing - and have quite a bit of interest/views in the topic as the numbers suggest - yet no response/answer as of yet. [Which confirms other messages I have seen which seem to state that working with buttons has become increasingly difficult with the newer version of flash - something Im a bit surprised with actually from Adobe. - I would have thought there would be a palette where you could set parameters...]
Screenshot of Site/Timeline:
Before getting into the two questions I have, I would like to post an image of the site as it looks whenever an swf file is saved out, as well as a piece of the timeline in the back for reference.
Issue #1
As of now when the swf file is saved out you get exactly what you see above:
a: A scrolling thumbnail
b: ...which loads a large image when clicked on it - PEFECT...
BUT...
1a: I need for the buttons to load in this action, not for it to just load on its own.
[i.e., the silk_paintings gallery is what is open, so I need the "silk_paintings" button to call up this action]
note: Initially I had attacked this problem by taking out the actions layer you see above and applying it directly to the individual buttons with some crude MouseEvent Listener/Handerls... that did not work - at all.
Im sure it may be "easier" to make an array out of it, but with my coding level it may be "easier" to apply it to the buttons.
1b: How I currently see it, I would take the xml-list and duplicate it for the number of galleries I have.
[I would then re-name the xml-list to reflect the name of the galleries they are to represent, i.e. "silk_paintings"]
[also, I would have to rename the folders to "thumbnails1,2,3, etc., & "images 1,2,3, etc"
From there I would duplicate the actions and paste it into the buttons, changing the xml-list name to that of "silk_paintings", etc., as well as write in the MouseEvent listener Handler to make it work. [ah, ha, but what is that magic phrase, I have tried to implement various code from other tutorials, and all in vein.]
Issue #2
At this point I would be tickled pink just to get this to basic function to work.
However, once the buttons are working and calling up the xml, etc., then I need the buttons to stay on the semi-transparent blue color it is whenever in the 'hit' state. [note: NOT pictured above.]
With the way the buttons are currently set up, and with wanting to use scripting to get them to interact with the thumbnail gallery, it will have to be some miraculous code to tell that button what color to stay as whenever its clicked, and of course it going back to white when another button is clicked.
Conclusion:
Since this is an Adobe Forum I would like to make a few additional statements in hopes that the developers, etc. may take heed.
Adobes products are not cheap, and when I went to purchase the websuite I went in as a designer needing a program as not to need to program.
I understand the flexibility that coding gives, but something as simple as linking buttons should not be in the realms of rocket science. [yes, for many its not...but my brain just does not operate that route despite all the tutorials thrown at me.]
Again, it would seem that there would be a button panel where you could drag options like scrolling thumbnail slider, loader, and then parameters would come up. [much like Apples iWeb. - but before the argument of one being pro and the other for non-pros, I see it differently. Software should not be the limiting factor in how flexible you can design, or rather ones lack of programming shouldnt be. With all the talented, and I say this in all humility and honesty, programmers working for Adobe, Im sure something could be programmed like what Im asking for.]
note: Director is a good example, back in 1997 I knew nothing of multimedia and in one week I had assembled a portfolio, clicking buttons, speech, movies, and all. - and no, I dont have the money to buy more software!
At this moment I am at the mercy of someone who reads code like its a nighttime tale they are telling their kids, and who can see the exact issue I have and can share the appropriate, correct code. [as I have noticed, it has to be on target - naturally - but this target changes with just a slight change in the design.]
Thank you,
peace
Dalen
p.s.
The actionscript: [note: This is only the current working/good code that Im trying to get the buttons to call up.]
stop();
fscommand("allowscale", false);//keep SWF display at 100%
var x:XML = new XML ();//Define XML Object
x.ignoreWhite = true;
var fullURL:Array = new Array;//Array of full size image urls
var thumbURL:Array = new Array;//Array of thumbnail urls
var thumbX:Number = 25;//Initial offset of _x for first thumbnail
x.onLoad = function(){ //Function runs after XML is loaded
    var photos:Array = this.firstChild.childNodes;//Defines variable for length of XML file
     for (i=0;i<photos.length;i++) {//For loop to step through all entry lines of XML file
          fullURL.push(photos[i].attributes.urls);//Each loop, adds URL for full sized image to Array fullURL
          thumbURL.push(photos[i].attributes.thumbs);//Each loop, adds URL for thumbnails to Array thumbURL
          trace(i+". Full Image = "+fullURL[i]+" Thumb Image = "+thumbURL[i]);
          var t = panel.attachMovie("b","b"+i,i);//Each loop, Define local variable 't' as a new instance of 'b' movie clip, given unique instance name of 'b' plus the index number of the For loop
          t.img.loadMovie(thumbURL[i]);// Each loop, load thumbnail image from XML data into variable movie clip
          t._y = 0;//Set Y coordinate of variable movie clip
          t._x = thumbX;//Set X coordinate of variable movie clip based on variable thumbX
          t.numb = i;//Set sub-variable 'numb' inside variable t to hold index number
          t._alpha = 75;//Set the Alpha value of the variable movie clip to 75% - for onRollOver highlight action
          thumbX += 55;//Increment thumbX value so next thumbnail is placed 125 pixels to the right of the one before
          t.onRollOver = function () {//define onRollOver event of the variable movie clip
               this._alpha = 100;//Set thumbnail alpha to 100% for highlight
          t.onRollOut = function () {//define onRollOut event of the variable movie clip
               this._alpha = 75;//Reset thumbnail alpha to 75%
          t.onPress = function () {//define onPress event of the variable movie clip
               this._rotation += 3;//rotates thumbnail 3 degrees to indicate it's been pressed
               this._x += 3;//Offset X coordinate by 3 pixels to keep clip centered during rotation
               this._y -= 3;//Offset Y coordinate by 3 pixels to keep clip centered during rotation
          t.onReleaseOutside = function () {//define onRelease event of the variable movie clip
               this._rotation -= 3;//rotate thumbnail back 3 degrees
               this._x -= 3;//Reset X coordinate by 3 pixels to keep clip centered during rotation
               this._y += 3;//Reset Y coordinate by 3 pixels to keep clip centered during rotation
               this._alpha = 75;//Reset thumbnail alpha to 75%
          t.onRelease = function () {//define onRelease function to load full sized image
               this._rotation -= 3;//rotate thumbnail back 3 degrees
               this._x -= 3;//Reset X coordinate by 3 pixels to keep clip centered during
               this._y += 3;//Reset Y coordinate by 3 pixels to keep clip centered during
               this._alpha = 75;//Reset thumbnail alpha to 75%
               holder.loadMovie(fullURL[this.numb]);//Load full sized image into holder clip based on sub-variable t.numb, referenced by 'this'
     holder.loadMovie(fullURL[0]);//Initially load first full size image into holder clip
x.load ("silk_paintings.xml");// path to XML file
panel.onRollOver = panelOver;
function panelOver() {
     this.onEnterFrame = scrollPanel;
     delete this.onRollOver;
var b = stroke.getBounds(_root);
function scrollPanel() {
     if (_xmouse<b.xMin||_xmouse>b.xMax||_ymouse<b.yMin||_ymouse>b.yMax) {
     this.onRollOver = panelOver;
     delete this.onEnterFrame;
     if (panel._x >= 740) {
     panel._x = 740;
if(panel._x <= (thumbX-10)) {
          panel._x = (thumbX-10)
     var xdist = _xmouse - 830;
     panel._x += -xdist / 7;
The xml:
<?xml version="1.0" encoding="ISO-8859-1"?>
<slideshow>
<photo thumbs="thumbnails/i_brown_fairy.jpg" urls="images/brown_fairy.jpg" />
<photo thumbs="thumbnails/i_blonde_fairy.jpg" urls="images/blonde_fairy.jpg" />
<photo thumbs="thumbnails/i_flower_fairy.jpg" urls="images/flower_fairy.jpg" />
<photo thumbs="thumbnails/i_red_fairy.jpg" urls="images/red-fairy.jpg" />
</slideshow>
Attached is a link to the file I made named "index".
https://rcpt.yousendit.com/706233226/5e7b4fe0973dacf090b5cbae32c47398
I would have liked to have included the following files but was limited due to "you-send-it" not uploading folders. Files not included: [but functioning] : xml list - images [folder] - thumbnails [folder]
Again, Thank you
Dalen

The issues with the buttons calling up the scrolling thumbnail panel have been resolved, as well as keeping the buttons in their hit state once clicked, thanks to Rob.
Those that have been following this thread, or stumble upon it in their searches later, may appreciate to see the final solution to this particular issue.
[Hopefully I will be able to update this thread with a url in the future to show the site in operation, which may help somebody with their project in the future if its set up similarly.]
Alas, it would be nice if future versions of flash had a more direct, flexible, user friendly method for creating navigation.
[We may see development beyond the flash ads which everyone seems to loathe... and more creativity with flash in terms of games, web interactivity, & animation.
Below are 2 sets of code:
a] the first is located within the first frame of the first button, and has some extra variables in it that the additional buttons call upon...
b] the second is the code applied to every other button.
stop();
fscommand("allowscale", false);//keep SWF display at 100%
var x:XML = new XML();//Define XML Object
x.ignoreWhite = true;
var fullURL:Array = new Array();//Array of full size image urls
var thumbURL:Array = new Array();//Array of thumbnail urls
// ....... CHANGE
var thumbX:Number;// = 25;//Initial offset of _x for first thumbnail
// make an array of all of the instance names of each button object...
// only do this once
var buttonsList:Array = new Array(shadesOfGrey, silkPaintings);
shadesOfGrey.isLatched = false;
// the rollover function... repeat for each button
shadesOfGrey.onRollOver = shadesOfGrey.onDragOver=function ():Void {
     if (!this.isLatched) {
          this.gotoAndStop(2);
// the rolloff function... repeat for each button
shadesOfGrey.onRollOut = shadesOfGrey.onDragOut=shadesOfGrey.onReleaseOutside=function ():Void {
     if (!this.isLatched) {
          this.gotoAndStop(1);
// the mouse press function... repeat for each button
shadesOfGrey.onPress = function():Void {
     resetAllButtons();
     this.isLatched = true;
     this.gotoAndStop(3);
shadesOfGrey.onRelease = function():Void {
     x.load("shadesOfGrey.xml");// path to XML file
     thumbX = 25;
function resetAllButtons():Void {
     for (b in buttonsList) {
          buttonsList[b].isLatched = false;
          buttonsList[b].gotoAndStop(1);
x.onLoad = function() {//Function runs after XML is loaded
     // resets the position of the panel on each new load
     panel._x = 740;
     // ....... CHANGE removes the existing movieclips from the panel before any new load...
     for (c in panel) {
          if (typeof (panel[c]) == "movieclip") {
               removeMovieClip(panel[c]);
     var photos:Array = this.firstChild.childNodes;//Defines variable for length of XML file
     for (i=0; i<photos.length; i++) {//For loop to step through all entry lines of XML file
          fullURL.push(photos[i].attributes.urls);//Each loop, adds URL for full sized image to Array fullURL
          thumbURL.push(photos[i].attributes.thumbs);//Each loop, adds URL for thumbnails to Array thumbURL
          //trace(i+". Full Image = "+fullURL[i]+" Thumb Image = "+thumbURL[i]);
          var t = panel.attachMovie("b", "b"+i, i);//Each loop, Define local variable 't' as a new instance of 'b' movie clip, given unique instance name of 'b' plus the index number of the For loop
          t.img.loadMovie(thumbURL[i]);// Each loop, load thumbnail image from XML data into variable movie clip
          t._y = 0;//Set Y coordinate of variable movie clip
          t._x = thumbX;//Set X coordinate of variable movie clip based on variable thumbX
          t.numb = i;//Set sub-variable 'numb' inside variable t to hold index number
          t._alpha = 75;//Set the Alpha value of the variable movie clip to 75% - for onRollOver highlight action
          thumbX += 55;//Increment thumbX value so next thumbnail is placed 125 pixels to the right of the one before
          t.onRollOver = function() {//define onRollOver event of the variable movie clip
               this._alpha = 100;//Set thumbnail alpha to 100% for highlight
          t.onRollOut = function() {//define onRollOut event of the variable movie clip
               this._alpha = 75;//Reset thumbnail alpha to 75%
          t.onPress = function() {//define onPress event of the variable movie clip
               this._rotation += 3;//rotates thumbnail 3 degrees to indicate it's been pressed
               this._x += 3;//Offset X coordinate by 3 pixels to keep clip centered during rotation
               this._y -= 3;//Offset Y coordinate by 3 pixels to keep clip centered during rotation
          t.onReleaseOutside = function() {//define onRelease event of the variable movie clip
               this._rotation -= 3;//rotate thumbnail back 3 degrees
               this._x -= 3;//Reset X coordinate by 3 pixels to keep clip centered during rotation
               this._y += 3;//Reset Y coordinate by 3 pixels to keep clip centered during rotation
               this._alpha = 75;//Reset thumbnail alpha to 75%
          t.onRelease = function() {//define onRelease function to load full sized image
               this._rotation -= 3;//rotate thumbnail back 3 degrees
               this._x -= 3;//Reset X coordinate by 3 pixels to keep clip centered during
               this._y += 3;//Reset Y coordinate by 3 pixels to keep clip centered during
               this._alpha = 75;//Reset thumbnail alpha to 75%
               holder.loadMovie(fullURL[this.numb]);//Load full sized image into holder clip based on sub-variable t.numb, referenced by 'this'
     holder.loadMovie(fullURL[0]);//Initially load first full size image into holder clip
// this one function scrolls the panel for all of the buttons, it gets the
// size of the panel when the images are loaded by any given button...
stroke.onEnterFrame = function() {
     if (this.hitTest(_xmouse, _ymouse, false)) {
          if (panel._x>=740) {
               panel._x = 740;
          if (panel._x<=740-panel._width+mask._width) {
               panel._x = 740-panel._width+mask._width;
          if ((panel._x<=740) && (panel._x>=740-panel._width+mask._width)) {
               var xdist = _xmouse-830;
               panel._x += -xdist/7;
Of note is the change to how the movie clips are measured... this change in and of itself has really helped to make the thumbnail panels operation more efficient.
Below is the script for each additional button: [Having issues with the forums not letting me post additional code, so I will put the remaining code in a reply below.]
cont.

Main image loads slowly on website

Similar Messages

Maybe you are looking for