Image Swap?! Help Urgent!

Hi,
i really need to know how to do this. what i want to do is
have one image and then when i click on it have it change to
another image. mouseup and down don't work, because it reverts back
to eh first image once the cursor moves away.
Essentially it is a back of a playing card, and when it is
clicked i want to swap that image for an image of the front.

CSS file:
// Alert Symbol skin
.AlertSymbolSkin
up-skin:Embed(source="../graphics/bitmaps/alert_symbol.png");
over-skin:Embed(source="../graphics/bitmaps/alert_symbol.png");
down-skin:Embed(source="../graphics/bitmaps/alert_symbol.png");
disabled-skin:Embed(source="../graphics/bitmaps/alert_symbol.png");
// File Upload
.DiskIconSkin
up-skin:Embed(source="../graphics/bitmaps/disk.png");
over-skin:Embed(source="../graphics/bitmaps/disk.png");
down-skin:Embed(source="../graphics/bitmaps/disk.png");
disabled-skin:Embed(source="../graphics/bitmaps/disk.png");
Let's assume I have:
<mx:Button styleName="AlertSymbolSkin" />
In the click handler of the button, I can do:
myButton.setStyle("DiskIconSkin");

Similar Messages

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.

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.

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 swap code and flex -- HELP NEEDED

Hello Folks,
I am still new at programming and having a major issue and wondered if anyone know a simple way to do a photogallery by using some code to create an image swap
Thumbnail ( here )                                             Large image here
Next Thumbnail (here )                                      Large Image changes
Next Thumbnail (here )                                      Large Image changes
Someone suggested I use PHP to load all the images at once but it was over my head... any one got some simple explained solutions... Really trying to learn this...
Thanks

Hi 123tron,
For these type of requests you should post a cookbook recipe request to Adobe's cookbook site: http://cookbooks.adobe.com/flex
Good luck!

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 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' :-)

CSS Layout issue!! Help Urgent!!

I am having a problem with creating a css layout, in the past i used tables and am trying to convert my sites for my customers. I have layed out the website using divs and css and it looks great until i put in the cosing of the menu bar. when i put in the coding for the menu bar suddenly the bar has a padding around it but i cannot find a padding that would change this in the css coding. I need this done asap! so please help. ill show my coding below:
this is the div coding:
<div id=Nav>
   <ul class="dropdown" id="Bar"; width: 879px" name="Bar">
         <li class="style16" style="width: 161px; height: 22px">
   <a href="default.html" style="width: 146px">Home</a></li>
         <li class="style10" style="width: 169px; height: 23px">
   <a href="about.html" style="width: 153px">About</a></li>
     <li class="" style="height: 31px; width: 175px; left: 0px; top: 0px">
   <a href="Equipment.html" class="style18">
   <div class="style10" style="width: 156px; height: 20px;">
    Equipment</div>
   </a> <ul class="sub_menu">
            <li><a href="compressor.html">Air Compressors</a></li>
            <li><a href="compactions.html">Compaction</a></li>
            <li><a href="concrete.html">Concrete Equipment</a></li>
            <li><a href="forklifts.html">Fork Lifts</a></li>
            <li><a href="generators.html">Generators</a></li>
            <li><a href="groundthawing.html">Ground Thawing</a></li>
            <li><a href="heaters.html">Heaters</a></li>
            <li><a href="scissorlifts.html">Scissor Lifts</a></li>
            <li><a href="boomlifts.html">Boom Lifts</a></li>
            <li><a href="lighttowes.html">Light Towers</a></li>
            <li><a href="misc.html">Misc.</a></li>
            <li><a href="dirtequipment.html">Dirt Equipment</a></li>
            <li><a href="powertools.html">Power Tools</a></li>
            <li><a href="pumps.html">Pumps | Saws | Welders</a></li>
                 </ul>
         </li>
         <li style="width: 165px"><a href="locations.html">
   <div class="style10" style="width: 154px">
    Locations</div>
   </a>
           </li>
             <li style="width: 180px"><a href="contact.html">
   <div class="style16" style="height: 24px">
    Contact Us</div>
   </a>         </li>
        </ul>
</div>
This is the css coding:
#wrapper {
width: 880px;
margin-right: auto;
margin-left: auto;
background-color: #f4f4f4;
#Navigation {
background-image: url(Images/NAvigation%20BAr.jpg);
background-repeat: no-repeat;
width: 880px;
visibility: visible;
height: 3-px;
vertical-align: top;
Nav {
vertical-align: top;
margin: 0px;
padding: 0px;
clear: both;
height: 20px !important;
#wrapper1 {
width: 876px;
margin-right: auto;
margin-left: auto;
color: #F4F4F4;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* Opera */
background-image: -o-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #716375), color-stop(1, #E8E8E8));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to right, #716375 0%, #E8E8E8 100%);
margin-bottom: auto;
#Bar {
background-repeat: no-repeat;
width: 880px;
height: 28pt;
overflow: visible;
background-image: url(Images/NAvigation%20BAr.jpg);
position: relative;
vertical-align: top;
#container {
width: 880px;
color: #000;
background-color: #EDEDED;
dominant-baseline: 578px;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* Opera */
background-image: -o-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #716375), color-stop(1, #E8E8E8));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to right, #716375 0%, #E8E8E8 100%);
margin-bottom: auto;
#content {
float: left;
color: #090;
width: 580px;
padding-right: 6px;
background-color: #033;
margin-top: 20px;
.container {
color: #000;
background-color: #ff6;
width: 876px;
#expect {
height: 164px;
width: 294px;
float: right;
position: relative;
background-color: #C90;
margin-left: 582px;
padding-top: 10px;
#hours {
float: left;
height: 55px;
width: 294px;
line-height: 4px;
word-spacing: normal;
white-space: normal;
display: inline;
letter-spacing: normal;
padding-top: 10px;
font-size: 13pt;
color: #000;
margin-left: 586px;
background-color: #F99;
#footer {
height: 76px;
width: 880px;
background-color: #CC0;
clear: both;
#cards {
float: right;
height: 31px;
width: 294px;
margin-left: 582px;
padding-top: 10px;
background-color: #F36;
#contact {
float: left;
height: 328px;
width: 293px;
word-spacing: normal;
white-space: normal;
line-height: 1px;
color: #000;
display: inline;
font-size: 14pt;
background-color: #FFF;
padding-top: 10px;
margin-top: 20px;
#header {
background-image: url(Images/Proquip%20Logo/Proquip%20logo2.jpg);
background-repeat: no-repeat;
background-position: center center;
width: 885px;
height: 126px;
background-color: #000;
margin-right: 2.5px;
margin-left: 0px;
#wrapper #container #contact p strong {
color: #800000;
font-size: 14pt;
#wrapper #container #contact blockquote p a {
color: #000;
#wrapper #container #expect div {
color: #900;
font-size: 14pt;
font-weight: bold;
#wrapper #container #hours div {
color: #900;
font-size: 14pt;
font-weight: bold;
#box2 {
background-image: url(Images/Option%201/Services/whitebox2.jpg);
#box3 {
background-image:url(Images/Option%201/Services/redbox2.jpg);
background-repeat:no-repeat;
background-position: center center;
#gold {
background-image:url(Images/Option%201/Logos/gold.gif);
background-repeat:no-repeat;
#white {
background-image:url(Images/Option%201/ProQuip-Pics/box1.gif);
background-repeat:no repeat;
#forklift {
background-image:url(Images/Option%201/ProQuip-Pics/34-01-4380.jpg);
background-repeat:no-repeat;
#scissorlift {
background-image:url(Images/Option%201/ProQuip-Pics/jlg-scissor-lifts-21.jpg);
background-repeat:no-repeat;
/* Navigation Menu- Level one */
ul {
list-style: none
ul.dropdown {
font-size: 13pt;
color: #000000;
height: 25px;
text-decoration: none !important;
width: 860px;
position: relative;
vertical-align: top;
ul#Bar.dropdown {
width: 878px;
position: relative;
vertical-align: top;
ul.dropdown li {
font-weight: 600;
float: left;
zoom: 1;
font-family: Arial, Helvetica, sans-serif;
font-size: 13pt;
display: block;
width: 175px;
color: #000000;
top: 25px;
text-decoration: none !important;
text-align: center;
ul.dropdown a:hover {
color:#cc0000;
ul.dropdown a:active {
color: #000000;
ul.dropdown li a {
display: block;
border-right: 1px solid#333;
color: #000000;
border-right-width: 1px;
text-decoration: none !important;
text-align: center;
ul.dropdown li:last-child a {
border-right:none; /* does not wotk in IE */
text-decoration:none !important; }
ul.dropdown li.hover,
ul.dropdown li.hover {
color: #000000;
position: relative;
height: 28px;
top: 0px;
ul.dropdown li.hover a {
color:#800000;
/* Level Two Navigation */
ul.dropdown ul {
width: 180px;
visibility: hidden;
position: absolute;
top: 100%;
left: 36%;
display: block;
float: left;
color: #000000;
text-decoration: none !important;
height: 25px;
ul.dropdown ul li {
font-weight: normal;
color: #000000;
border-bottom: 1px solid #ccc;
float: left;
border-bottom-color: #c0c0c0;
border-bottom-style: groove;
display: block;
background-color: #dbdbdb;
text-decoration:none !important;
/* IE 6&7 needs inline block */
ul.dropdown ul li a {
border-right: none;
display: inline-block;
height: 18px;
line-height: 16px;
color: #000000;
width: 100%;
text-decoration: none !important;
/* Level Three Navigation */
ul.dropdown ul ul {
top: 100%;
color: #000000;
text-decoration: none !important;
ul.dropdown li:hover>ul {
visibility: visible;
color: #000000;
top: 30px;
text-decoration: none !important;

I have the site using tables up and running, this is a website for a client so I cant make a test site using that domain would it be ok if I screen shot'ed the problem?
Date: Thu, 24 Apr 2014 12:19:44 -0700
From: [email protected]
To: [email protected]
Subject: CSS Layout issue!! Help Urgent!!
    Re: CSS Layout issue!! Help Urgent!!
    created by Jon Fritz II in Dreamweaver support forum - View the full discussion
Well, you're not using position:absolute, so you've got a big thumbs up from a bunch of us for that.
Is there any chance you could post a link to this page on your server? It's much easier to troubleshoot from a browser than it is to rebuild the page from code fragments.
If you haven't gone live with the page yet, create a folder called TEST in your site and save copies of the page and css there. Upload TEST and post a link to it here. Once the problem is found/fixed, delete TEST from the server.
You can also attempt to use Firefox or Chrome to find your issue by right clicking > Inspect Element. All CSS that affects a given element will be displayed with file name and line numbers there.
     Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/6327947#6327947
     Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/6327947#6327947
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/6327947#6327947. In the Actions box on the right, click the Stop Email Notifications link.
           Start a new discussion in Dreamweaver support forum at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0.

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--

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?

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 not working once live

So I have made some webpages in fireworks then imported the code to dreamweaver. Everything works fine when it is local. I then try to put it onto the website, where it comes up, everything works except the image swap behavior. This is the page:
http://community.dur.ac.uk/foundation.science/?q=node/619
HERE is meant to change colour on rollover and words are meant to turn up on rolling over the cliffs. The links haven't been sorted yet in the code, so they are all still dead ends (but do appear to work in principle.
This is one of the pieces of code for the swapping images:
<tr>
   <td rowspan="3"><img name="Harbour_r5_c6" src="http://community.dur.ac.uk/foundation.science/Staithes/Harbour_r5_c6.png" width="151" height="76" id="Harbour_r5_c6" alt="" /></td>
   <td colspan="2"><a href="Harbour pano - zoomed in.htm" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Harbour_r5_c7','','Harbour_r5_c7_s2.png',1);"><img name="Harbour_r5_c7" src="http://community.dur.ac.uk/foundation.science/Staithes/Harbour_r5_c7.png" width="113" height="44" id="Harbour_r5_c7" alt="" /></a></td>
   <td rowspan="3"><img name="Harbour_r5_c9" src="http://community.dur.ac.uk/foundation.science/Staithes/Harbour_r5_c9.png" width="205" height="76" id="Harbour_r5_c9" alt="" /></td>
   <td><img src="http://community.dur.ac.uk/foundation.science/Staithes/spacer.gif" width="1" height="44" alt="" /></td>
</tr>
Thanks for any help you can give me, I'm really not used to this
Thanks
Hannah

You have a fair number of major structural errors in your html that need to be repaired. Run your page through the validator at http://validator.w3.org and clean those up, especially the extra <body> and <head> tags.
I'm not sure if maybe your page is being constructed by server side includes that have some extra code in them or if something else is going on, but it could be the root of your problems.
If you clear up the coding errors and it still doesn't work, post back and we can take a closer look at the clean code.

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.
>

Image swap and restore

The image swap and restore won't work. I want to have one
image switch to another when clicked and then get restored to the
original image when clicked again. It lets me click once, but it
won't restore the image on another click. I found that when i
change the behavior (to say, double click) it works. Is there any
way to have the two images toggle back and forth when i have a
single click?
Here is my code:
<script type="text/JavaScript">

</script>
</head>
<body>
<table width="287" height="1200" align="left">
<tr>
<td width="279" height="1200" align="left"
valign="top">
<p><img src="SearchingClose.jpg" alt="Searching"
name="SearchingClose"
onclick="MM_swapImgRestore();MM_swapImage('SearchingClose','','SearchingOpen.jpg',1)"
/></p>

On Thu, 3 Aug 2006 12:25:09 +0000 (UTC), "nst_21710"
<[email protected]> wrote:
>please help!!!
With what ? - very many of use use newsreaders to access this
forum,
so cannot easily see what the original questions was - so
many people
will just go to the next message.
I suggest you repeat the text of your original question -
together
with a link to your website.
Malcolm
Malcolm
webmaster
http://www.nb-president.org.uk/
The coal fired steam narrow boat.
Kildare is now back in the water

Image swap

Anyone know how I can make an image swap for another image in
Dreamweaver by clicking on an image button?
Thanks in advance for any help.

Not sure if this is what you mean, but I thought I'd put it
out there, just in case.
For a rollover:
name all of your images that will be involved in the swap,
first of all.
select the image button that you want to trigger the event.
under the Tag panel on the right, under the behaviors tab,
click the Add Behavior (+) button.
Select Swap Image from the menu.
Select the Image name of the image that you want to change
browse for the file that you want the image to change to
select/ deselect the restore imgage option accordingly.
Hope that helps!

Image swap without resize

Greetings. I have to create image swaps without having the
image resize
to the layer size. Is there a way to do this? Is there a
behavoiur I
can purchase that will do this?
Any help appreciated.
Remove $$ to email directly.
Thanks.

Or, simply remove the dimensions from the base image's
<img> tag. This will
work although if the images are grossly different in size, it
may cause your
page to dance around (perhaps unacceptably) as the roll-in
image loads.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"jojo **Adobe Community Expert**" <[email protected]>
wrote in message
news:ee99f8$jrf$[email protected]..
> "krafty$$"@magma.ca wrote:
>> Greetings. I have to create image swaps without
having the image resize
>> to the layer size. Is there a way to do this? Is
there a behavoiur I can
>> purchase that will do this?
>
> Hi
>
> Give the smaller image a bigger canvas and make the
canvas the same colour
> as your pages bg colour.
>
> --
> Cheers jojo
> Adobe Community Expert for Dreamweaver 8
> ----------------------------------------------------
>
http://www.webade.co.uk
>
http://www.ukcsstraining.co.uk/
> ----------------------------------------------------
> Extending Knowledge, Daily.
>
http://www.communityMX.com/
> Free 10 day trial
>
http://www.communitymx.com/joincmx.cfm
> ----------------------------------------------------

Image Swap?! Help Urgent!

Similar Messages

Maybe you are looking for