Images loading order & thumbnail pointing corresponding image directly

Hi,
May i ask 2 questions here.
1) If you can click this link http://www.prashanthvfx.com/Concepts&Imaginery.html, you can see that all my 14 drawings that had been lined up one after the other, are trying to load at the same time. Is there any way to prioritize, by which the 1st image loads first and 2nd image loads second and so on.
2) If you can click this link http://www.prashanthvfx.com/art.html , you can find under "Concepts & Imaginary", i had displayed 14 thumbnails for the above link. All the images are linked to the above webpage (14 bigger images). Now, if you click on any thumbnail, it will open the link were all 14 bigger images are displayed from the starting. My question here is, can we device a way, by which if first if we click each image, it will point to the corresponding bigger image on the http://www.prashanthvfx.com/Concepts&Imaginery.html.
Meaning, if i click on the last thumbnail "Keep city Clean", it will open and directly point to the last image on the linked webpage, by pushing the vertical scroll bar all the way down, were the corresponding bigger image is displayed.
Kind note: i'm an artist and posting my work on my website. So, i really appreciate your answers.
Thanking you,
-Prashanth
www.PrashanthVFX.com

Sorry, but you can't control the order in which page items load. This
is browser dependant and each browser handles the order differently.
Hi Nancy, i'm a bit shocked to hear this. I was thinking website designing has evolved over many years and so there should definitely be a way to load images in order. I am a Computer Graphcis artist and so not much good in scripting. But, i think we can device a simple script by which we can mention the images order separated by comma's "," and so the browser will not load the 2nd image until it has completely finishined loading the 1st image. Correct me if am wrong.
I don't understand your question. Do you have a link to a web page that actually does what you're asking?
Sure I have. If you can click this link http://www.prashanthvfx.com/art.html , you can find under "Concepts & Imaginary", i had displayed 14 thumbnails for the above link. All the images are linked to one webpage were 14 bigger images are stacked. Now, if you click on any thumbnail, it will open the link keeping the vertical scroll bar at the top. So, you need to scroll all the way down to see the corresponding bigger image. My question here is, can we device a way, by which if first if we click each image, it will point to the corresponding bigger image on the http://www.prashanthvfx.com/Concepts&Imaginery.html.
Meaning, if i click on the last thumbnail "Keep city Clean" , it should open http://www.prashanthvfx.com/Concepts&Imaginery.html and directly point to the last image on the linked webpage, by pushing the vertical scroll bar all the way down, were the corresponding bigger image is displayed.
Hope i am making myself clear with the above links and examples. I would be glad to give you further explantion if needed.
I really appreciate your time.
Thanks
-Prashanth
www.PrashanthVFX.com

Similar Messages

Crop image using 2 clicked points on image.

HI,
I want to crop an image based on 2 clicked points.
For ex:
this is an image to be crop:
take 1st click point as center and 2nd click point as radius and crop that part as square and forms new image.
And new image should be something like this:
This is what I want.
I have done getting center point using code below:
OpenFileDialog op = new OpenFileDialog();
ImageBrush ib = new ImageBrush();
private void Image_MouseLeftButtonDown_1(object sender, MouseButtonEventArgs e)
op.Title = "Select a picture";
op.Filter = "All supported graphics|*.jpg;*.jpeg;*.png|" +
"JPEG (*.jpg;*.jpeg)|*.jpg;*.jpeg|" +
"Portable Network Graphic (*.png)|*.png";
if (op.ShowDialog() == true)
imgBackground.Source = new BitmapImage(new Uri(op.FileName));
private BitmapSource CutImage(BitmapImage img, Point p1, int width, int height)
return new CroppedBitmap(img, new Int32Rect(Convert.ToInt32(p1.X), Convert.ToInt32(p1.Y), width, height));
double xAxis = 0.00;
double yAxis = 0.00;
private void imgBackground_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
Point center = e.GetPosition(imgBackground);
Point border = e.GetPosition(imgBackground);
xAxis = center.X;
yAxis = center.Y;
ib.ImageSource = CutImage(new BitmapImage(new Uri(op.FileName)), new Point(xAxis, yAxis), 300, 300);
CanvasPanel.Background = ib;
XAML code:
<Button Height="70" Width="70" Margin="6,1,892,929" Name="btnBrowseImage">
<Image x:Name="browseIcon" Source="D:\WPF\Projects\TabControlVRI_18_12_2014\Images\img.png" MouseLeftButtonDown="Image_MouseLeftButtonDown_1"/>
</Button>
<Image Name="imgBackground" HorizontalAlignment="Center" VerticalAlignment="Center" Height="799" Width="799" MouseLeftButtonDown="imgBackground_MouseLeftButtonDown" Stretch="Uniform">
</Image>
I hope now question is understandable.
Plz, suggest me the way to get this.
Regards,
Viswa.

Hi,
I want to do in WPF coding.
I need to add that cropped image as background to canvas in WPF.
User have to select image and he wants to crop image using 2 points then it has to reflect as background to canvas.

Image Loading order

On this
page, the images are
loading before the tiled images for each table cell. Is there a way
to force the table cell backgrounds images to show before the
images that the cells contain?

Some think PETA is run by donkeys, or at least parts of
donkeys.
Walt
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> PETA worries about donkeys too?
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
> ==================
>
>
> "Walt F. Schaefer" <[email protected]> wrote
in message
> news:[email protected]...
>> Yeah but it would be worth it if it keeps PETA off
your ***.
>>
>> --
>>
>> Walt
>>
>>
>> "Murray *ACE*"
<[email protected]> wrote in message
>> news:[email protected]...
>>> It would slightly increase the cost.
>>>
>>> --
>>> Murray --- ICQ 71997575
>>> Adobe Community Expert
>>> (If you *MUST* email me, don't LAUGH when you do
so!)
>>> ==================
>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>> ==================
>>>
>>>
>>> "Walt F. Schaefer" <[email protected]>
wrote in message
>>> news:[email protected]...
>>>> What effect would it have if one uses cosmic
rays to sacrifice the
>>>> goat?
>>>>
>>>> --
>>>>
>>>> Walt
>>>>
>>>>
>>>> "Murray *ACE*"
<[email protected]> wrote in message
>>>> news:[email protected]...
>>>>> images are fetched from the server in
the order in which they are
>>>>> encountered in the code from
<html> to </html>, i.e., the top of the
>>>>> page to the bottom of the page, line by
line.
>>>>>
>>>>> Once fetched, images arrive at the
client browser in an order
>>>>> determined by -
>>>>>
>>>>> 1. Network congestion
>>>>> 2. Relative image weights
>>>>> 3. Your sock pattern (e.g.,
argyle/stripes/polka dots)
>>>>> 4. Your most recent goat sacrifice
>>>>> 5. Cosmic rays
>>>>>
>>>>> As you can see there's lots to control
and manage since you must, for
>>>>> example, do a sock inspection on EACH
VISITOR TO YOUR SITE. This
>>>>> being the case, it's usually cost
prohibitive to shoot for that level
>>>>> of control....
>>>>>
>>>>> --
>>>>> Murray --- ICQ 71997575
>>>>> Adobe Community Expert
>>>>> (If you *MUST* email me, don't LAUGH
when you do so!)
>>>>> ==================
>>>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>>>> ==================
>>>>>
>>>>>
>>>>> "Qozmiq"
<[email protected]> wrote in message
>>>>>
news:[email protected]...
>>>>>> On this
http://www.kc-foto.com/courses.html,
the images are loading
>>>>>> before the
>>>>>> tiled images for each table cell. Is
there a way to force the table
>>>>>> cell
>>>>>> backgrounds images to show before
the images that the cells contain?
>>>>>>
>>>>>
>>>>
>>>>
>>>
>>
>>
>

Survey view organization problem, cannot organize images in order I want without images shifting randomly

I want to be able to organize my images in survey view in lightroom 2 in the order I want them to be. this way I can export them in the order the portfolio reviewer will see them in. when I have 20 images in survey view and I try to rearrange them, they scatter about on their own? help

Survey mode is not designed for rearranging photos into a User-specified order. You will need to use the Grid View [G] for this.

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?

Image Load Failure

I have a program that dynamically loads images from a
database, loads them mirrors them, then adds them to the
rawChildren of the Canvas, however, if an image does not exist is
there a way to test the image existence and if that fails load a
'dummy' image? I have the following code:
public function imgLoader():void
var context:LoaderContext = new LoaderContext();
context.checkPolicyFile = true;
this.img = new Image();
this.img.source = this.img_path;
this.img.maintainAspectRatio = true;
this.img.scaleContent = false;
this.img.autoLoad = false;
this.img.loaderContext = context;
this.img.addEventListener(Event.COMPLETE, handleImageLoad);
try {
this.img.load();
} catch(err:*) {
Alert.show("Cannot load Image: " + this.img_path);
then of course i have a event listener function that does all
the fun img stuff once the image loads.
However, if the image does not exist, then the Event.COMPLETE
is never called, the try is "successful" as far as Flex is
concerned, is there an event listener that I'm missing that fires
if the load fails?
-Mike

As it turns out this was easier than expected....
I added the following listener:
this.img.addEventListener(IOErrorEvent.IO_ERROR,
handleImageError);
function handleImageError(e:IOErrorEvent):void {
Alert.show("cannot load image: " + img_path);
and there it was the Alert that i was expecting when my image
path fails!

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.

Since upgrading to the new firefox, pictures on facebook do not load automatically. I have to click on the frame and select view image in order to see the photos. Do you have a solution to make the photos autoload?

Since upgrading to the new firefox, pictures on facebook do not load automatically. I have to click on the frame and select view image in order to see the photos. Do you have a solution to make the photos autoload?

https://support.mozilla.com/en-US/questions/891839

When images appear for a search in safari, you must continually scroll by finger to keep the images loading. Is this a bug?

When images appear for a search in safari, you must continually scroll by finger to keep the images loading. Is this a bug?

Tried that but no change. Details - open up safari and go to yahoo - for the main search at the top, I put in Bears. It shows pages of thumbnail pics. tapping once on a thumbnail gets you that image and then tap again to get added info. At that point, it fills the screen. But in order to see more info I have to drag a finger upward to reveal more of the details. I then have to continually do that in order to reveal more details for the searched item. It then pops up to the top each time and repeating that process many times in order to see more of the image data. Don't know how to fix this.
Thanks

Web Gallery - need file name on thumbnail and large image

I think I have tried all the CS3 templates, but haven't found what our client is requesting. Is there a template that shows the file name on both the thumbnail and large image, and will make large images of 600-800 pixels (long dimension)?
Thanks in advance,
Dan Clark

Thanks for your reply Nini. Yes, I had gone through all the presets and options. Was hoping I might have missed something, or that someone knew a trick/workaround. We've been using Table-Minimal for years, which is my overall favorite. I like to ability to make a large image, but it can't do what the client is requesting. They've made a list of selects from some very large galleries (200-300 shots each), and now want to jump directly to the shots they've previously chosen, in order to show their coworkers. I've also considered "Add Numeric Links", but I find that either confuses people, or they give me that number, instead of the file name/number, which makes a lot of extra work for us.

"Thumbnail" image need to be the same image as the "Hero Image?"

When using the slide show widget does the "Thumbnail" image need to be the same image as the "Hero Image?"
I would like to keep my "Hero Image" I load into the widget, but would like to change its corresponding "Thumbnail" image to a different icon. Is it possible to use live type in MUSE as the icon and put it over the "Hero Image?" Thanks for the help!
-t

Thank you very much for the help. This works great! As I'm diving in deeper and messing with the Composition Widget I had few more questions...
I have figure out how to put in a different image into the thumbnail, but how do I replace it with a text box instead of an image. I would like to use websafe fonts as the thumbnail that triggers the Hero picture. Is this possible?
I attached an quick 3 frame storyboard as reference to show you what I am trying to do.
Thanks in advance!
-t

HELP! How do I link small thumbnail to larger image on same page?

hello, everyone! I'm working in dreamweaver cs4 and am having no luck!
see below - I'm trying to link the small thumbnails to the larger image on the left. in other words, when a thumbnail is chosen it's corresponding image would open on the left. I have tried mouse-over effects and image swap behaviors but still no luck. either the larger image replaces the thumbnail or a brand new window opens up with the larger image.
I want all effects to stay on the same page. any help would be greatly appreciated!

Hi There:
Not sure how you have designed your page but here is a simple sample code on how you can do this with javascript and on mouseover event:
<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
div#left {
display:none;
</style>
<script language="javascript" type="text/javascript">

</script>
</head>
<body>
<div id="left" style="float:left;width:200px;"><img src="left.jpg" width="180" height="273" alt="large" /></div>
<div id="right" style="float:right;width:200px;"><img src="thumbnail.jpg" alt="small" style="cursor:pointer;" width="57" height="228" onmouseover="showImage('left');" onmouseout="hideImage('left');"/></div>
</body>
</html>
By default the bigger image is initally not there so I have added a display:none style in the head.
The above code will show the bigger image on left when you do a mouseover on the smaller left thumbnail image. Vice-versa when you move out the mouse the image goes away (you may not need this part). So on each thumbnail image simlarly pass the id of the image you want to show via the javascript showImage function.
Note: You can use onclick or other event per your preference.
Regards,
Vinay

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

Is it possible to know the file name of images loaded?

Hi:
I have a folder containing some images named 01_image_name.jpg, 02_image_name.jpg, 03_image_name.jpg, ... wich names I read with a PHP script. Then I loop loading each image and waiting until all are loaded to display them
1. The PHP script reads file names and returns a string with names separated by a "|" char, then I use the split method to store them in imagesNames array and sort it
2. I loop trough imagesNames array loading images
3. Anytime a new image arrives I push it in imagesContainer array and check if all images are loaded to show them
The problem is there's no guarantee they arrive in the same order they were requested. So, how I sort the imagesContainer array by file name, i.e. in the same order they are in imagesNames array?
Thanks in advance

if you know when a new image arrives and you can retrieve that new image file name ...
Well, that's precisely my doubt, how can I know the file name? Is there a property/method for it?
function loadImages() {
for (var i:int=0; i<imagesNames.length; i++) {
var imgLoader:Loader=new Loader;
imgLoader.contentLoaderInfo.addEventListener(Event.COMPLETE,imgLoaded);
imgLoader.load(new URLRequest(imgPath + imagesNames[i]));
function imgLoaded(par:Event):void {
trace(par.target,par.target.content,par.target.content.name);
Output window:
[object LoaderInfo] [object Bitmap] instance160
[object LoaderInfo] [object Bitmap] instance159
[object LoaderInfo] [object Bitmap] instance161

Can this html code be changed to speed up the image load time?

I found some html that creates a auto running slide show. I've got three images (small image sizes) but it is slow to start up when the page is first opened. http://web.me.com/phelpssculpture/Site/test.html this is the escaped code:
<center><img id='imageholder' src='' ></img></center>
<script type='text/javascript'>
images = new Array();
images.push('http://web.me.com/phelpssculpture/Docs/typewriterprpage.jpg');
images.push('http://web.me.com/phelpssculpture/Docs/royalprpage.jpg');
images.push('http://web.me.com/phelpssculpture/Docs/Lovetest.jpg');
var image_index = 0;
function rotateImage() {
if (image_index == images.length - 1) { image_index = 0 } else { image_index++ }
document.getElementById('imageholder').src = images[image_index];
setInterval('rotateImage()', 5000);
</script>
I have a page: http://web.me.com/phelpssculpture/Site/Resume.html
that has a rollover image (from OldToad) that has two images about the same file size and located in the same folder on my iDisk as the other slide show images but it seems to load instantly.
this is the escaped code:
<SCRIPT LANGUAGE="JavaScript">

</script>
<a href="http://web.mac.com/phelpssculpture/Site/royal.html" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;">
<img name="image1" src="http://web.me.com/phelpssculpture/Docs/royalprpage.jpg" border=0></a>
Does anyone know if it's possible to improve the html of the slideshow snippet to speed up the initial load time?
Thanks, David

Ethmoid:
There are seven different pages: http://web.me.com/phelpssculpture/Site/movieroyal_davidphelps.html
Each link is directed to a different page.
I created the basic layout on one page and then duplicated the page six times.
the links are in one text box ( that's why they're lined up well ) and each individual word is activated as a link. I changed the background color of the forward tab to match the color of the main shape and used the send forward or send backward command to get the tabs to look right on each page.
The only problem with the words being in a single text box is that explorer doesn't render the spacing correctly and they fall off their respective tabs. When I get time I will put each word in it's own text box ( it's not that hard to align them ) so it will render properly in explorer.
Sincerely, David Phelps

Images loading order & thumbnail pointing corresponding image directly

Similar Messages

Maybe you are looking for