Image swap onLoad

I don't seem to be able to get images swapped on page load. I
can do it on mouseover. I'm an absolute newbie. Any help would be
welcome. Thank you.

> I tried doing it with the body tag selected, but it
seems to do the swap
> on a
> different image on the page.
You need to read my post again and follow the directions
exactly. The
behavior itself will require that you select an image already
on the page,
and also that you select a new image to replace it.
> I want to use this behavior for some quotes. I want the
images to
> alternate,
> so each time the browser is loaded, a different quote is
displayed.
The question you asked, and the answer I provided will not do
this for you.
It will always load the page with the new image swapped in.
You should look
for a "random image" script using Google....
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
==================
"AzKhodgi" <[email protected]> wrote in
message
news:fl0o66$kb9$[email protected]..
> Thanks for the reply!
>
> I tried doing it with the body tag selected, but it
seems to do the swap
> on a
> different image on the page. I selected the image I
wanted to swap, named
> it,
> then clicked on the body tag, applied the behavior, but
still the wrong
> image
> got swapped.
> ------------
> I want to use this behavior for some quotes. I want the
images to
> alternate,
> so each time the browser is loaded, a different quote is
displayed.
>

Similar Messages

Image swap based on month

I have a site that I want to set themed months too by having
an image swap. I've tried searching the web for various image swaps
but nothing seems to come up that would read the users calender to
figure out what image to display. I was wondering if you know of a
script out thier that would do this? Hopefully one that comes with
a troubleshooting guild since I've never had much luck with this
kind of thing. Thanks!!!

c-fqgy wrote:
> I have a site that I want to set themed months too by
having an image swap.
> I've tried searching the web for various image swaps but
nothing seems to come
> up that would read the users calender to figure out what
image to display. I
> was wondering if you know of a script out thier that
would do this? Hopefully
> one that comes with a troubleshooting guild since I've
never had much luck with
> this kind of thing. Thanks!!!
>
<script>
onload=function(){
document.images["imageOfTheMonth"].src=
["jan.gif","feb.gif","mar.gif", ... ,"dec.gif"][new
Date().getMonth()];
</script>
<img name="imageOfTheMonth" src="transparent.gif">
In the anonymous Array ("jan.gif" etc), list the src's of the
12 images
you want to display.
I acn be reached by removing BOGUS from my email.
Mick

Image swap not working in IE

I have set up an image gallery using image swap in the behaviours window. It only shows a thin line where the large picture should be in IE. It does work in all the other browsers.
Please help.

Welcome to the Forum.
We can't help much without seeing your problem page.
Please post a link to your online page.

Image swap glitch

Okay, I've got a glitch with an image swap. There are sopmething like a half a dozen pages in the site rebuild that have image swaps and none of the other have any problems. But this one has managed to find a glitch and likes it so much it won't let go.
I've got the usual table arangement (as in the Classroom in a Book chapter 10 lesson) with the base image in one cel and the links in the others. There are three images that swap out with the main one. I'm using the behavior of clicking on the link to swap the image, not a MouseOver. People are supposed to look at the images, and then if they feel like it they can put the base image back by clicking on that link.
No problem with the first image. No problem with the 2nd. No problem with restoring the original image.
But. No matter how many times I've relinked the 3rd image, clicking on it in a browser gives me a blnk browser page with a message claiming that the image does not exist. When I hit the back button to get back to the page, there is the image right where it is supposed to be. So clearly the code is finding it, but it's sending out a false alert first.
I am assuming that the glitch is in the code, but I don't know enough about code to know what I am supposed to be looking for to find it.
Any pointers?
J. Odell

I went back and hunted through it again and found the problem. Somehow the code was putting a '3' where there ought to have been a hashtag. No idea why it was doing that, but once I replaced it with a hashtag the problem went away.
I'd relinked it a half a dozen times, so it evidently really liked that glitch.
BTW, can you give me any pointers on how you adjust the spacing between paragraphs? two full lines is more than really needed to make the distinction between paragraphs. The version of CSS that GoLive 8 used recognized a setting for adding something like one and a half lines between them. But if that's still in there I don't know what they call it these days. I would assume that it would be in the Block settings along with the justification, but nothing in there looks right.

Image swap and IE7 in DW CS4

I have thumbnails 80px square and a div set at 600px square I select and name a loctor image and put in the div.
When I set up image swap all works fine in Safari, IE8 but in IE7 after the image has swapped, if I move the mouse over or near the large image the image disappears and I get a black 600px size square with a red X in it in the top LH corner, this stays untill I click the next thumbnail. Any help would be appriciated.William

Delete line 372 from...wait...move over a little bit so I can see better...uh oh. My crystal ball just went on the fritz again and I can't see your code from here.
Can you provide a link to the problem page?
Mark A. Boyd
Keep-On-Learnin' :-)

Help building image swap in flash cs4?

Hello all,
I've been trying to research 'flash cs4 image swap' but most everything I find is related to dreamweaver, so I appreciate anyone's help to point me in the right direction.
I have a project in which I have an opening scene of a main image and 8 thumbnail buttons. This opening scene is pretty basic, as the thumbnails would link to a new scene or frame label (however I build it). This 2nd scene or instance in the timeline is where I would display another large image, and 6 new thumnail images that, upon rollover, would swap the large main image with the large version of the active thumbnail.
Basically I have a main 'menu' of category thumbnails that link to an instance in the timeline that displays the initial large image for that category, and allows the user to mouseover the other thumbnails to see the large images, and then click to go to a specific URL for more information.
The trouble I have with my rusty, limited AS knowledge is how to effeciently write the AS so that the image swap works. I quickly ran into a wall trying to acomplish this using a very OLD method that would require a LOT of jumping around the timeline. If there is ANYTHING out there that can help me figure out how to do this efficiently, I would very much appreciate the help.
Thanks in advance

that's really what I'm asking, is if there is any such AS to do this.... I would normally do it just using CSS & HTML, but I have to keep it all contained within one page, I can't click to a new page from the opening scene to show the sub category of graphics. I figured I could set the opening scene up easily with a goto frame label 'category 1'.... then at category one is where I need to figure out what to do to swap the images....
If I keep it very simple with no fade effects or anything, yes I could just jump to a frame and back, and so on.... Instead of animating all the different elements, is there a way to activate an instance of a mc, like a white to transparent fade, and just have that animate in place and out, chaning the images in a layer below it while it's in place? I'm really green to AS so I may be talking outta my ear on this,
your feedback is greatly appreciated.

Image swaps with fade out and in

I am new to Dreamweaver, in fact only got into it to do my
own website. I want to create image swaps with a fade out and then
fade in with the new image. Nowhere can I find out how to do this
so far. Can anybody point me in the right direction. Many thanks
for your help now and in the past.
Perspectivist

This is a multi-part message in MIME format.
--------------000605070301090808040601
Content-Type: text/plain; charset=ISO-8859-1; format=flowed
Content-Transfer-Encoding: 7bit
i see! well, that's good to know. i didn't realize you could
do
transitions on image swaps (of course, i've rarely used them
so far).
and i just assumed the OP was actually trying to do a
slideshow, which
could still be the case i guess. i suppose he's covered
either way!
Nancy O wrote:
> There are several image transition scripts on this page:
>
http://www.brothercake.com/site/resources/scripts/transitions/
>
>
>
> --Nancy O.
> Alt-Web Design & Publishing
> www.alt-web.com
>
>
>
> "Perspectivist" <[email protected]>
wrote in message
> news:[email protected]...
>
>> I am new to Dreamweaver, in fact only got into it to
do my own website. I
>>
> want
>
>> to create image swaps with a fade out and then fade
in with the new image.
>> Nowhere can I find out how to do this so far. Can
anybody point me in the
>> right direction. Many thanks for your help now and
in the past.
>>
>> Perspectivist
>>
>>
>
>
>
--------------000605070301090808040601
Content-Type: text/html; charset=ISO-8859-1
Content-Transfer-Encoding: 7bit
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<head>
<meta content="text/html;charset=ISO-8859-1"
http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
i see! well, that's good to know. i didn't realize you could
do
transitions on image swaps (of course, i've rarely used them
so far).
and i just assumed the OP was actually trying to do a
slideshow, which
could still be the case i guess. i suppose he's covered
either way!<br>
<br>
Nancy O wrote:
<blockquote cite="mid:[email protected]"
type="cite">
<pre wrap="">There are several image transition
scripts on this page:
<a class="moz-txt-link-freetext" href="
http://www.brothercake.com/site/resources/scripts/transitions/">http://www.brothercake.com /site/resources/scripts/transitions/</a>
--Nancy O.
Alt-Web Design & Publishing
<a class="moz-txt-link-abbreviated" href="
http://www.alt-web.com">www.alt-web.com</a>
"Perspectivist" <a class="moz-txt-link-rfc2396E"
href="mailto:[email protected]"><[email protected]></a>
wrote in message
<a class="moz-txt-link-freetext"
href="news:[email protected]">news:[email protected]</a >...
</pre>
<blockquote type="cite">
<pre wrap="">I am new to Dreamweaver, in fact only got
into it to do my own website. I
</pre>
</blockquote>
<pre wrap="">want
</pre>
<blockquote type="cite">
<pre wrap="">to create image swaps with a fade out and
then fade in with the new image.
Nowhere can I find out how to do this so far. Can anybody
point me in the
right direction. Many thanks for your help now and in the
past.
Perspectivist
</pre>
</blockquote>
<pre wrap="">
</pre>
</blockquote>
</body>
</html>
--------------000605070301090808040601--

Help with Editable Regions and Image Swap

I need some assistance for a project I am working on, and I don't know a short way to describe. Hang with me, here it goes....
I am working with the sites 'Navigation' links. I want to use a MouseOver behavior so that the image swaps when moused over. I want the MousedOver image to remain when you are on that page. I can manually make this happen, but I am running into difficulty because I want the Navigation to be located in an un-editable region so when I add new pages, the entire site will update as I make changes to the template.
I don't know how to create this effect without manually swapping all the images via behaviors on each and every page, and when I need to do these edits, the region needs to be in an UnEditable region so that the template will update all the pages.
I guess the question is, how can I customize images from page to page in an Un-Editable region in a Template driven page?
Thanks.

Image swaps are clumsy for navigation because you have to re-craft your menus every time you edit your site. This gets very old in a hurry.
CSS styled menus are not only easier to maintain in DW they are web friendly for all devices -- especially Smartphones who may have images disabled to save on bandwidth charges.
DW comes with Spry Menus which you can customize with CSS
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html
Additionally, there are some excellent DW extensions you can use to build professional looking CSS menus in seconds.
http://www.projectseven.com/products/menusystems/pmm2/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Image swapping with correct dimensions

Hi all,
Hovering over a row of thumbnails, I swap the full size photo following this code :
var photo = new Image();
photo.src = 'images/'+fileName; // parameter of the function
console.log(fileName+' L= '+photo.width+' H= '+photo.height);
sym.$('toile').attr({
      width: photo.width,
      height: photo.height,
      src: photo.src
The full size photo swaps, but retaining the dimensions of the first one (initially on the Edge stage).
Even more puzzling, as you can see in the following screen capture, sometimes I can get the correct photo.width and photo.height (even if it isn't correctly assigned to the 'toile' element), and sometimes those values are zero ! And I feel so lost that this seems random. Surely it is not and someone has an idea. Thank you.
Gil
PS : An idea just springing while writing. May be it has to do with loading delay, asking the width and height information before it is available ? Should I necessarily preload the images ?

So, preloading is part of the solution.
An associative array is used to store the twelve full size photos susceptible to be displayed when their thumbnail is hovered over :
var twelvePhotos = new Object();
Inside the loop that fills the row of thumbnails, each corresponding picture is also preloaded and pushed into the associative array :
var photo = new Image();
photo.src = 'images/'+series+index+'.jpg';
twelvePhotos[index] = photo;
Now the width and height are available and always traced by console.log() :
var photo = twelvePhotos[index];
console.log(fileName+' L= '+photo.width+' H= '+photo.height);
The image swap, but width and height still remain the same. I tried in vain :
sym.$('toile').attr({
      'width': photo.width,
      'height': photo.height,
      'src': photo.src
sym.$('toile').attr('width', photo.width);
sym.$('toile').attr('height', photo.height);
sym.$('toile').attr('src', photo.src);
sym.$('toile').attr('width', parseInt(photo.width));
sym.$('toile').attr('height', parseInt(photo.height));
sym.$('toile').attr('src', photo.src);
Clearly, I miss the good syntax. Anyone sees my mistake ?
Gil

Mouse Over Image Swap bugged transition problem

I have a question regarding the function of "Import" and "Update" in the properties of an image. I've re-updated the link above to reflect my specific question. In the movie, there are image swap transitions as you scroll over various sections of the home page. These actions are carried out in the target cont_images and cont_images/images for the pictures. I attempted to update one of the photos in the library with a new picture of equal quality and proportions but when I then watch the movie, the action is carried out but in a very un-smooth fashion. The transition can be contrasted here:
http://www.greenworknow.com/Test/2138/flash&html/index.html
vs
http://www.greenworknow.com/Test/2138/flash&html/buggedmain.swf
The bugged transition will be the Adventure tab in the center, right most box. You'll also notice that with the bug it quickly flashes the picture under the "Register" Tab (image_big_2) with the one that was changed being (image_big_3). The part that puzzles me is that it had worked once by simply updating/importing but for some reason no longer does, I believe it lies in the method I'm going about replacing the photo. Also the photo isn't being called externally from a folder as it is built into the library of the FLA. I hope this was all clear enough. If there are any odd parts, I'll be watching the thread to respond if you have a question.
Again, thank you for your continued efforts in helping me, the aid is very much appreciated.
(If you need to download the FLA, there's a link under that index page above to do so)

*bump*
Anyone have an idea? or maybe alternate methods I can try to implement the new images?

HELP! Multiple Image swap restore problem

Hey, Im interested in learning how to perform a multiple image swap restore.
I've made a central image swap, and I want to make a few others happen on the same 'mouseover'. All done, simple. However, only the last image swap will 'restore' to the original image, and all the rest stay the same. I've ticked 'restore on mouseover' on all of the behaviours, but its so frustrating - please help me.

This is actually really easy. Setup one swap image, then double click swap image in behaviours. The asterix indicates what image is being swapped but you can add more then one. So simply select the second image you want to change at this point and another asterix will appear. Muiltiple swap actions can be applied using one swap image command.

Image swap from a ul

Hi,
please see my link http://www.denotestationery.com/denote_localroot1/weddingvintage.html
I am trying to achieve an image swap in the stationerycontainer div that houses the invite image, by rolling over each list item (stationeryinfo ul down the side of the image), as the user rolls over the stationeryinfo ul, the image in the stationerycontainer div will change accordingly.
Is there a way to achieve this by just using the html in the stationeryinfo ul & without the use of images in that list? I basically want it to look like the sidebar nav when you roll over it but I don't need the stationery info list to link to anything.
I hope I am making sense!

Hi, yes, well kind of, I don't need the list to link to anything, it's purely to show the user what each design peice looks like by rolling over the list. I have done this before, but with the use of the list as images rather than html. But I want to be able to allow the html to do it instead & as I am a newbie the only way I have found to do it is by adding a link to the code. and then linking is straight back to the same page. Like below. I hope I am making sense.
Weddingvintage.html is the page the user will be on.
<li><a href="weddingvintage.html" onmouseover="MM_swapImage('vintageday','','denoteWebimages/gallery_chrysanth.gif',1)" onmouseout="MM_swapImgRestore()">Day invitation</a></li>
Is there another attribute rather than the a href that will work with the swap image?
Thanks in advance

Multiple image swap behaviours for complex rollover affects?

’m working on a site where there is ‘menu’
style bar which when you hover over with the cursor, needs to make
a large image swap in the body of the page. This would be simple
enough, but the area that changes is made up of a number of smaller
images that need to work as rollover images individually.
I could do all of this manually with normal swap image
behaviours, so that each of the small images behave as roll-over
buttons individually. And also so that they all change at the same
time when you hover over the menu style bar.
This is obviously quite a slow way of working and I will need
to go through it every time a change is made. Is there a better
way?
Thanks

I've just previewed this site in firefox and it looks fine,
even though it look wrong in dreamweaver!
I then previewed it in IE and it everything has gone all over
the place (i think its ignoring the clear left rule). Is there a
general way this is normally done? I've been watching a number of
different video tutorials so i'm quite sure i'm doing things by the
book.

Next / previous image swap WITH larger image popup

Very simply what I need to do is almost identical to what you
see here:
http://www.java-scripts.net/javascripts/Slide-Show-Script.phtml
(scroll down to the animal pictures)
When you click "next" and "previous" the images swap through
a series
called "img1.gif" "img2.gif" and "img3.gif"
So far so good. However let us assume there is also a set of
images called
"img1_lrg.gif" "img2_lrg.gif" and "img3_lrg.gif" which are
larger
versions of those little thumbnails. I need for the
appropriate associated
large image to popup in its own window when the thumb is
clicked.
Has anyone a lead on something like that?
Thanks very much.

On Thu, 28 Sep 2006 17:59:37 +0000 (UTC), [email protected]
(Clay)
wrote:
>Very simply what I need to do is almost identical to what
you see here:
>
>
http://www.java-scripts.net/javascripts/Slide-Show-Script.phtml
>
>(scroll down to the animal pictures)
>
>When you click "next" and "previous" the images swap
through a series
>called "img1.gif" "img2.gif" and "img3.gif"
>
>So far so good. However let us assume there is also a set
of images called
>
>"img1_lrg.gif" "img2_lrg.gif" and "img3_lrg.gif" which
are larger
>versions of those little thumbnails. I need for the
appropriate associated
>large image to popup in its own window when the thumb is
clicked.
>
>Has anyone a lead on something like that?
>
>Thanks very much.
That sounds simple, where are you stuck? Do you not know how
to open a
popup? BTW, the JustSo Picture Window extension would be
perfect for
the popups.

BG image swap won't work - any ideas why not?

http://designerandpublisher.com/test-bg/test-bg-page01.html
Hi - I'm trying to set up a background image swap where when the user is viewing the site and clicking on links, the background image will change. You'll see the soldier one there now and I have others.
The JS file the 2 HTML pages are linked to doesn't seem to be working [see above].
Any ideas why it's not working, or is there a better JS file anyone may be aware of that does what I'm looking for?
Thanks - Deaf Guy

Hello - I wanted to post an update on this topic and am wondering if someone can still help me. I figured out a way to make background images change on refresh. You can see it here:
http://designerandpublisher.com/test-bg/index.html
I added a piece of JS to make the wrapper images change. Although the image swap works now, this is really not a true background image swap because it is not swapping images in the body tag. What I'd really like to do now is go into the body tag and somehow point it toward this JS code so that when the page is refreshed, it will pick up the image swap array. I'm not sure if this is possible though.
Is there a way to do this?
Thanks - Deaf Guy

Image swap onLoad

Similar Messages

Maybe you are looking for