Swap Image NOT mouseover

I am trying to swap images in Dreamweaver so when a user goes
to my website, the images swap automatically. I have 4 images that
I want to swap and I want them to change every 7 seconds. I don't
want the user to have to mouseover or click anything, i want the
images to change automatically. I can't get this to work right in
Dreamweaver. It always only swap to 1 image and it never goes back
to the original image.
Also, the images are different sizes and I want them to stay
different sizes. I have 4 images, I want the images to swap every 7
seconds and then restore back to the original image. I want them to
keep swapping every 7 seconds, or I might just want them to swap
through the 4 images once and then restore to the original image
and not swap anymore after that. Can you help me with both of these
scenarios please?

1. Make the images to all be the same size by adding canvas
to the shorter
dimensions in your graphics editor.
2. Once you have done this, use an image rotator script to
make the images
rotate. You can find such things in many places on the web -
from free to
commercial. I have used SlideShowMagic from PVII,
http://www.projectseven.com/,
and the image rotation script from KaosWeaver,
http://www.kaosweaver.com,
before and found them both to be excellent for
this purpose....
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
==================
"originalit" <[email protected]> wrote in
message
news:f859tu$5v9$[email protected]..
>I am trying to swap images in Dreamweaver so when a user
goes to my
>website,
> the images swap automatically. I have 4 images that I
want to swap and I
> want
> them to change every 7 seconds. I don't want the user to
have to mouseover
> or
> click anything, i want the images to change
automatically. I can't get
> this to
> work right in Dreamweaver. It always only swap to 1
image and it never
> goes
> back to the original image.
>
> Also, the images are different sizes and I want them to
stay different
> sizes.
> I have 4 images, I want the images to swap every 7
seconds and then
> restore
> back to the original image. I want them to keep swapping
every 7 seconds,
> or I
> might just want them to swap through the 4 images once
and then restore to
> the
> original image and not swap anymore after that. Can you
help me with both
> of
> these scenarios please?
>

Similar Messages

  • Swap Image not working Except in IE

    I am working on a class project, and we've just learned how
    to do "swap image" on rollover. It's working beautifully when in
    IE, but in Firefox it's not working at all and in Opera it's
    working strangely (only when on the "edges" of the flash text not
    when rolling over the flash text) Any ideas as to the problem? The
    flash text rollover works (changes colors), but the "bubbles" are
    supposed to swap images. BTW, I thought it might be a setting in my
    browser disabling something, but the swap image on classmates'
    sites show up fine.
    http://198.86.244.3/drsimpson/WEB140/drsimpsongallery/
    Thanks

    I can't see what is the problem. :-(
    Try replacing your flash buttons with plain gif images, it
    works the same way and you will have much less code on your page. I
    don't think the problem is there but you can always try.

  • Swap image not working in IE on server

    Hi
    suddenly having problems with this - whether it's Win SP2 or
    what I'm not sure. swamp image works fine locally (off a network
    LAN drive) but not on the live server. I have preload images set,
    not restore on mouseout. The setup is an imap with a hotspot but I
    had the same thing happen on a plain image - no errors come up,
    just a blank spot where the image is not swapping.
    Any help appreciated
    RG

    Very difficult to troubleshoot without seeing the code.
    Regards
    John Waller

  • Swap image not working in CS3

    I have used the >insert>rollover image in CS3 to create
    rollovers for the website below. I can't get any rollovers to work
    in preview or live on the server. Any ideas?
    http://www.gardenclubofwindham.org/test.html
    - it should have a little trowel show up next to the menu items
    like the link below...
    http://www.gardenclubofwindham.org/index.html
    - I did these rollovers using phototshop cs/ image ready.
    Thank you!

    LOL. Glad I could help.
    The problem is this -
    Much 'wizard' based javascript is written into the page like
    this -
    <script type="text/javascript">
    <!-- //
    blah blah blah
    //-->
    The javascript code is put inside double comments (the outer
    ones are for
    HTML, and the inner ones for javascript). In fact, neither
    are appropriate
    when working with an XHTML doctype, and I'm pretty sure the
    others are not
    really needed ever, but it's tradition....
    Your error was caused when the trailing comments are
    incompletely removed
    leaving that "/" in place....
    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
    ==================
    "rcronin2006" <[email protected]> wrote in
    message
    news:g5feqf$g9u$[email protected]..
    > Well, I wonder if I am having some javascript problems
    with DW, I just
    > posted
    > another mystery in this same forum. I can't understand
    how my copy of DW
    > could
    > have a glitch. That seems so unlikely. I haven't used IR
    for a site
    > build in
    > many months, but I could see how that code could get
    wacky - the sites
    > I've
    > done with it are very "sensitive", lol. If I touch
    anything, the whole
    > page
    > goes haywire. Anyways thanks again, you made me look
    "wicked-smat" to my
    > client. :)
    >
    >
    >

  • Rollovers and swap images not working

    since i've upgraded to Dreamweaver CS3 i've not been able to create rollovers.. i need to now
    is there a bug?  a patch that i need?  what is going on?  I need help please - been able to make do with flash buttons & text until this job.
    Running Mac OS10  - if it helps.. these pages were originally designed in go-live and redesigned since -  / i wonder if i'm holding my tongue in the correct position.  be gentle with your answers - i'm a graphic designer not a web guru

    here is the code to three of the rollovers.. it's tabs
    i even thought that if i went ahead and uploaded it might work online.. no such luck
    <td height="38" colspan="2" align="center" valign="middle"><spacer type="block" width="1" height="379">
                      <spacer type="block" width="1" height="1">
                      <a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','images/tabs/rimtymehomeover.jpg',1)"><img src="images/tabs/rimtymehome.jpg" alt="Home Page" name="home" width="154" height="38" border="0"></a></td>
                </tr>
                <tr height="38">
                  <td height="38" colspan="2" align="center" valign="middle"><a href="malone.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('aboutus','','images/tabs/rimtyme_about_over.jpg',1)"><img src="images/tabs/rimtyme_about.jpg" alt="About us page" name="aboutus" width="154" height="38" border="0"></a></td>
                </tr>
                <tr height="38">
                  <td height="38" colspan="2" align="center" valign="middle"><a href="storephotos.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('storegallery','','images/tabs/rimtyme_storephotos.jpg',1)"><im g src="images/tabs/rimtyme_storephotos_over.jpg" alt="Click here for images of each of our locations!" name="storegallery" width="154" height="38" border="0"></a></td>
                </tr>
                <tr height="38">
                  <td height="38" colspan="2" align="center" valign="middle"><a href="credit.html"><img src="images/tabs/rimtyme_getstarted.jpg" alt="GETTING STARTED" width="154" height="38" border="0"></a></td>
                </tr>
                <tr height="38">

  • Mouseover /Swap image

    Hi,
    I have an image with several hotspots, is there an
    (automatic) way to shade
    the area on the mouse over rather than creating a image and
    using the swap
    image SB?
    Thanks!

    1. Make the images to all be the same size by adding canvas
    to the shorter
    dimensions in your graphics editor.
    2. Once you have done this, use an image rotator script to
    make the images
    rotate. You can find such things in many places on the web -
    from free to
    commercial. I have used SlideShowMagic from PVII,
    http://www.projectseven.com/,
    and the image rotation script from KaosWeaver,
    http://www.kaosweaver.com,
    before and found them both to be excellent for
    this purpose....
    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
    ==================
    "originalit" <[email protected]> wrote in
    message
    news:f859tu$5v9$[email protected]..
    >I am trying to swap images in Dreamweaver so when a user
    goes to my
    >website,
    > the images swap automatically. I have 4 images that I
    want to swap and I
    > want
    > them to change every 7 seconds. I don't want the user to
    have to mouseover
    > or
    > click anything, i want the images to change
    automatically. I can't get
    > this to
    > work right in Dreamweaver. It always only swap to 1
    image and it never
    > goes
    > back to the original image.
    >
    > Also, the images are different sizes and I want them to
    stay different
    > sizes.
    > I have 4 images, I want the images to swap every 7
    seconds and then
    > restore
    > back to the original image. I want them to keep swapping
    every 7 seconds,
    > or I
    > might just want them to swap through the 4 images once
    and then restore to
    > the
    > original image and not swap anymore after that. Can you
    help me with both
    > of
    > these scenarios please?
    >

  • Swap images works in preview but not in browser

    Hi everyone,
    I am attempting to get a swap images to work.  It works in the preview window but not when I preview it in the browser.  When I open it in a browser the states seem to "cycle" through really quickly in rapid succession.  I have linked my png file for you to see.  Any thoughts?
    Thanks,
    denbeck

    Your swap image slice is set to Animated GIF. Change it in the Optimize panel to plain GIF or PNG 8
    Jim Babbage

  • Swap Image Looks fine in Firefox, not Safari? Can Javascript be an issue in Safari?

    Hi, Im new to web design as you may guess.
    I'm trying to put together a website navigation page with several swap image div tags. When I view the page in Firefox it looks fine, after the behavior is applied the page doesn't view at all in safari?
    Can anyone please help with this?
    I have used a lot of different images and styles (some of which are no longer relevant). Please see below for code -
    <!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">
    <!--
    body {
    background-image: url(images/Background.png);
    background-repeat: no-repeat;
    background-color: #15A13B;
    background-position: center top;
    #Container {
    height: 600px;
    width: 800px;
    padding-top: 10px;
    padding-bottom: 0px;
    background-image: url(images/PaintTheTownText.png);
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    visibility: visible;
    #FeatherFan {
    height: 405px;
    width: 800px;
    padding: 0px;
    left: 2px;
    position: absolute;
    top: 188px;
    clear: none;
    z-index: 1;
    visibility: visible;
    #IntroText {
    float: right;
    width: 402px;
    font-family: "Franklin Gothic Medium";
    font-size: medium;
    color: #FFFFFF;
    text-align: right;
    height: 120px;
    position: absolute;
    left: 378px;
    top: 0px;
    padding-right: 20px;
    visibility: visible;
    .Over {
    position: absolute;
    left: 227px;
    top: 26px;
    height: 100%;
    width: 100%;
    z-index: 3;
    #CorpLitType  {
    left: 7px;
    z-index: 4;
    position: absolute;
    top: 452px;
    visibility: visible;
    #Container #CorpRollO {
    position: absolute;
    z-index: 2;
    left: 7px;
    top: 452px;
    visibility: visible;
    .CorpType {
    z-index: 4;
    #Container #Display graphics {
    position: absolute;
    z-index: 6;
    .DGOver {
    position: absolute;
    z-index: 6;
    left: 96px;
    top: 292px;
    .DGOver2 {
    position: absolute;
    z-index: 7;
    left: 187px;
    top: 15px;
    .BOver {
    position: absolute;
    z-index: 8;
    left: 253px;
    top: 197px;
    .AdPromo {
    position: absolute;
    z-index: 9;
    left: 422px;
    top: 15px;
    .Packaging {
    position: absolute;
    z-index: 10;
    left: 570px;
    top: 314px;
    .ConPhoto {
    position: absolute;
    z-index: 11;
    left: 634px;
    top: 270px;
    </style>
    <script type="text/javascript">
    <!--
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    </script>
    </head>
    <body bgcolor="#FFFFFF" onload="MM_preloadImages('images/CorpLitRollO.png','images/DisplayGraphRollO.png','images /BrandRollOai.png','images/AdvertProRollO.png','images/PackRollO.png','images/ConPhotoRoll O.png')">
    <div id="Container">
      <div id="IntroText">All Introductory text here<br />
      and here<br />
      and here.</div>
      <div id="FeatherFan">
        <div class="DGOver" id="Display Graphics"> </div>
      <img src="images/FeatherFan.png" alt="Feathers Green" name="Feathers" width="800" height="405" hspace="0" vspace="0" id="Feathers" /><img src="images/ConPhotoType.png" alt="Concept Photography" width="164" height="134" class="ConPhoto" id="Image6" onmouseover="MM_swapImage('Image6','','images/ConPhotoRollO.png',1)" onmouseout="MM_swapImgRestore()" /><img src="images/AdvertProType.png" alt="Advertising and Promotions" width="134" height="158" class="AdPromo" id="Image4" onmouseover="MM_swapImage('Image4','','images/AdvertProRollO.png',1)" onmouseout="MM_swapImgRestore()" /></div>
      <div class="CorpType" id="CorpLitType" onmouseover="MM_swapImage('Image1','','images/CorpLitRollO.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/CorpLitType.png" alt="Corporate Literature" width="162" height="133" id="Image1" onmouseover="MM_swapImage('Image1','','images/CorpLitRollO.png',1)" onmouseout="MM_swapImgRestore()" /></div>
      <div id="CorpRollO"><img src="images/CorpLitRollO.png" alt="corporate literature image" width="162" height="133" /></div>
    <div class="DGOver" id="Display Graphics Image"><img src="images/DisplayGraphType.png" alt="Display Graphics" width="154" height="150" id="Image2" onmouseover="MM_swapImage('Image2','','images/DisplayGraphRollO.png',1)" onmouseout="MM_swapImgRestore()" /></div>
    <div class="BOver" id="Branding"><img src="images/BrandType.png" alt="Branding" width="137" height="163" id="Image3" onmouseover="MM_swapImage('Image3','','images/BrandRollOai.png',1)" onmouseout="MM_swapImgRestore()" /></div>
    <div class="Packaging" id="Packaging"></div>
    </div>
    <span class="Packaging"><img src="images/PackType.png" alt="Packaging" width="150" height="147" id="Image5" onmouseover="MM_swapImage('Image5','','images/PackRollO.png',1)" onmouseout="MM_swapImgRestore()" /></span>
    </body>

    becky ss wrote:
    Hi, Im new to web design as you may guess.
    Welcome to the forum. Please take a few moments to read How to get help quickly. As the advice on that page tells you, please upload your problem page to a website and provide the URL.
    Since you're new to to forum, also take a moment to check out the Dreamweaver FAQ and bookmark it so you can find answers to common questions quickly.

  • Rollover, hotspot, swap image????

    One of my links in my employoee website has a number of
    pictures. They are each on their own layer but they overlap
    eachother so only one image should show at a time. I have a
    selection to the left of the image where the person can click on a
    department and a different picture will show up for that
    department. I first have to create that in Fireworks and I'm not
    sure how. I have each department selection (text) on it's own layer
    in photoshop and each picture on it's on layer. Can you explain to
    me what I need to do for this? Is it called "swap image" or
    rollover or hotspot?
    Then after I do that, I want people to be able to drag their
    mouse curser over people's faces and that person's info. will
    appear at the bottom. I also created every person's info. as a
    layer in photoshop. Can someone explain how to do this?

    > Are you
    > saying just do my slices in Fireworks and then use
    Dreamweaver to finish?
    That's what I'm saying, yes.
    > could you please explain to me how to do the hotspots
    over the people's
    > faces so that when the mouse is over a title bar appears
    at the bottom of
    > the
    > screen that has their name and title and then when the
    mouse is out it
    > disappears?
    This will be advanced for you. It's simple enough to add a
    hotspot to an
    image in DW -
    select the image, click on the Polygonal hotspot tool on the
    Property
    inspector, and draw your hotspot.
    What will be trickier for you is the part about the popup.
    One simple thing
    to try would be to assign a title attribute to the hotspot,
    e.g.,
    <area title="my name, my title"....
    Having done this, as you mouseover that particular hotspot,
    you will get a
    'tooltip' display of the contents of the title attribute.
    There are three
    downsides to this method -
    1. The tooltip only displays for a short time
    2. The tooltip only displays a certain number of characters
    (I think 100)
    in some browsers (FF)
    3. You have no flexibility in styling the tooltip or its
    contents
    Notwithstanding these, it's simple enough to do, although you
    will either
    have to add the necessary code (the title attribute and its
    value) manually
    to the <area> tag, or you will need to use DW's Tag
    Inspector to get at the
    title attribute.
    > I set up the file in Photoshop to have everything on
    it's own file
    > so I already have the 50 layers of people's names and
    titles to appear
    > under
    > the photos and 13 different photos.
    The way you set it up in Photoshop would have no bearing on
    how you would do
    this on an HTML page.
    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
    ==================
    "lpaquinhand" <[email protected]> wrote in
    message
    news:[email protected]...
    > OK. Sorry If I seemed to disagree with you. I have
    redone this website
    > over 4
    > times because I am told something different every single
    time. First
    > Dreamweaver was the best place to do this, then it was
    Photoshop and then
    > it
    > was Fireworks and now it is back to Dreamweaver. I know
    everyone has
    > their
    > favorite way of doing things but I am so confused at
    this point. I have a
    > deadline of 2 weeks for this website and I am currently
    in Fireworks. Are
    > you
    > saying just do my slices in Fireworks and then use
    Dreamweaver to finish?
    > IF
    > so, could you please explain to me how to do the
    hotspots over the
    > people's
    > faces so that when the mouse is over a title bar appears
    at the bottom of
    > the
    > screen that has their name and title and then when the
    mouse is out it
    > disappears? I set up the file in Photoshop to have
    everything on it's own
    > file
    > so I already have the 50 layers of people's names and
    titles to appear
    > under
    > the photos and 13 different photos. Is there any way for
    you to walk me
    > through this at this point in Dreamweaver? I would
    really appreciate it.
    > Thanks.
    >

  • Enlarging an image on mouseover without using Flash

    Enlarging an image on mouseover without using Flash
    I use DW MX 2004 with Windows 2000
    I want to create the following effect. I have two versions of
    an image,
    geyso_scr... (which is screen size) and geyso_sm (which is
    small). On
    mouse-over I want a larger window to open on top of my html
    page (but
    less than the full screen) and show the larger image file in
    whatever
    size I have created it.
    One mouse-off I want to restore the original image.
    I tried this with a straight image swap on the following
    page:
    http://www.tudo.co.uk/testing/hospiz_stiftung/shell/contents/vorstand/vorstand.html
    see row 2, image 1, Peter von Geyso.
    This works all right (on mouseover there is a shift of about
    1 px) but
    the screen sized image has been sized down to the original
    image (sm image).
    How can I conveniently get the large image hovering on top of
    the
    existing page?
    Can someone recommend a tutorial which describes how this is
    done?
    Or is there a utility which does it?
    On similar lines, a client wants to display a list of items
    as text in
    comparatively small font. On mouse-over he wants the
    list-item in
    question to become slightly larger (not only to change colour
    etc). Can
    that be done without converting the text into images.
    Is there any tutorial for that?
    (No point in arguing with the client that the text should be
    made large
    enough to read in the first place. I have tried that in
    vain.)
    Thanks for your help.
    Adrian

    netlace design wrote:
    > Hey Adrian,
    >
    > Maybe this will work for you. Take a look here at this
    demo
    >
    >
    http://www.cssplay.co.uk/menu/magnify
    Hi Netlace Design,
    This looks interesting, but where do I get the code for this.
    How is it
    done without javascript.
    Thanks,
    Adrian

  • Swap Image Behavior with Text

    I am trying to figure something out but can't seem to find
    it. I'm sure it must be pretty simple, but I'm stumped. Basically,
    I have a main image and a few thumbnail images below it. I've
    attached the Swap Image behavior to each thumb to change the main
    image to a different photo and then changed the onMouseOver to
    onClick.
    The problem is I want to also have some photo text or caption
    below the main image to change. Does anyone know how to do this
    with more or less stock DW behaviors? Or if not, how to do it in
    the most efficient way possible?
    Thanks in advance.
    -Bill

    You could always embed the caption information in the image,
    you know? That
    would be the simplest way. Is that possible?
    Alternatively you could create a series of stacked
    containers, each hidden,
    in the location where you want your captions. Then you would
    make your
    onclick event do both the image swap and the Show/Hide on the
    associated
    caption container (*and* a hide on all the rest of the
    caption containers).
    This can be pretty tedious when there are lots of images, and
    you are using
    only the DW User interface (as opposed to Code view). It will
    also take you
    into the realm of positioned elements (probably) which can be
    troublesome
    themselves.
    Finally, if this is all too much for you, there are EXCELLENT
    alternatives
    over at projectseven ($) for doing something like this right
    out of the box.
    http://www.projectseven.com/
    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
    ==================
    "captcashew" <[email protected]> wrote in
    message
    news:[email protected]...
    >I am trying to figure something out but can't seem to
    find it. I'm sure it
    >must
    > be pretty simple, but I'm stumped. Basically, I have a
    main image and a
    > few
    > thumbnail images below it. I've attached the Swap Image
    behavior to each
    > thumb
    > to change the main image to a different photo and then
    changed the
    > onMouseOver
    > to onClick.
    >
    > The problem is I want to also have some photo text or
    caption below the
    > main
    > image to change. Does anyone know how to do this with
    more or less stock
    > DW
    > behaviors? Or if not, how to do it in the most efficient
    way possible?
    >
    > Thanks in advance.
    >
    > -Bill
    >
    > <p><img src="images/215-suite-2.jpg" alt="Main
    Photo" name="mainImage"
    > width="300" height="225" id="mainImage" /></p>
    > <p> </p>
    > <p> </p>
    > <p><img src="images/215-suite-2.jpg"
    alt="Thumbnail Photo 1"
    > name="thumb1"
    > width="100" height="75" id="thumb1"
    >
    onclick="MM_swapImage('mainImage','','images/215-suite-2.jpg',1)"
    />
    > <img src="images/renovations_02-after.jpg"
    alt="Thumbnail Photo 2"
    > name="thumb2" width="100" height="75" id="thumb2"
    >
    onclick="MM_swapImage('mainImage','','images/renovations_02-after.jpg',1)"
    > />
    > <img src="images/renovations_03-after.jpg"
    alt="Thumbnail Photo 3"
    > name="thumb3" width="100" height="75" id="thumb3"
    >
    onclick="MM_swapImage('mainImage','','images/renovations_03-after.jpg',1)"
    > /></p>
    >

  • Linking to a swapped image...help

    I'm trying to set up a page that has a rightside column of thumbnail images, which, when clickedon opens a larger image in another area. I have done this using swap image. That's all set up, but now I would like to link that larger image to a different page...one with zoomify to show large details. I can't find any way in DW cs4 to do that...the only way the swapped image appears is in Live View and in Vive View the image is unselectable.
    Thanks for any help.

    <div id="BigPic">
        <p id="box1"><a href="" id="box1link"><img src="http://barbarabaum.com/images/BBis760px.jpg" name="largePix" width="600" height="400" id="largePix" /></a></p>
        </div>
      <div id="SmlPix">
      <table width="240" border="0" cellpadding="10"> 
      <tr> 
        <td width="120" align="center" valign="top"><a href="javascript:;" onclick="MM_swapImage('largePix','','http://barbarabaum.com/images/1.jpg',1);document.getElementById('box1link').href='http://w ww.great-web-sights.com';" ondblclick="MM_swapImgRestore()"><img src="http://barbarabaum.com/images/small/1.jpg" name="cvr" width="100" height="39" border="0" class="pixBox" id="cvr" /></a></td> 
        <td width="120" align="center" valign="top"><a href="javascript:;" onclick="MM_swapImage('largePix','','images/2.jpg',1)" ondblclick="MM_swapImgRestore()"><img src="images/small/2 copy.jpg" width="100" height="100" border="0" class="pixBox" /></a></td>
      </tr> 
    I must have done something wrong It's not going to your site. Do you see the problem? Thanks once again.

  • Two Swap Image Behaviors - Only One Swap Image Restore Works

    How come?
    I have a button image with a two swap image behaviors applied to it - a rollover for the OVER state and one behavior for a disjointed or "remote" rollover effect.
    Both rollover effects work fine, but the disjointed or remote rollover effect does not return the button to it's original state.  (I've determined this by removing the second or remote swap image behavior and testing it.)
    Why doesn't this work?
    All scripts are contained within the HTML page itself; no linked scripts are used.
    Thanks!

    Page code:
    <!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>
    <title>index</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript">
    <!--
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    </script>
    <style type="text/css">
    <!--
    body {
    background-image: url(images/screens_back.gif);
    -->
    </style></head>
    <body bgcolor="#FFFFFF" onLoad="MM_preloadImages('images/navigation_2_over-05.gif','images/navigation_2_over-06.g if','images/navigation_2_over-07.gif','images/navigation_over-08.gif','images/navigation_o ver-09.gif','images/navigation_over-10.gif','images/team.gif','images/forms.gif','images/e xport.gif','images/consulting.gif','images/programming.gif','images/contact.gif')">
    <table width="792" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
    <tr>
      <td width="792" height="126" colspan="2">
       <img id="index" src="images/index.gif" width="792" height="126" alt="" /></td>
    </tr>
    <tr>
      <td width="792" height="34" colspan="2">
    <table id="Table_01" width="792" height="34" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="34" height="34">
       <img src="images\navigation_2.gif" width="34" height="34" alt="" /></td>
      <td width="426" height="34">
       <img src="images\navigation_2-02.gif" width="426" height="34" alt="" /></td>
      <td width="105" height="34" id="title">
       <img src="images\blank.gif" alt="" name="blank" width="105" height="34" id="blank" /></td>
      <td width="5" height="34">
       <img src="images\navigation_2-04.gif" width="5" height="34" alt="" /></td>
      <td width="36" height="34">
       <img src="images\navigation_2-05.gif" alt="" width="36" height="34" id="Image1" onMouseOver="MM_swapImage('Image1','','images/navigation_2_over-05.gif',1);MM_swapImage(' blank','','images/team.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
      <td width="32" height="34">
       <img src="images\navigation_2-06.gif" alt="" width="32" height="34" id="Image2" onMouseOver="MM_swapImage('Image2','','images/navigation_2_over-06.gif',1);MM_swapImage(' blank','','images/forms.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
      <td width="31" height="34">
       <img src="images\navigation_2-07.gif" alt="" width="31" height="34" id="Image3" onMouseOver="MM_swapImage('Image3','','images/navigation_2_over-07.gif',1);MM_swapImage(' blank','','images/export.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
      <td width="33" height="34">
       <img src="images\navigation_2-08.gif" alt="" width="33" height="34" id="Image4" onMouseOver="MM_swapImage('Image4','','images/navigation_over-08.gif',1);MM_swapImage('bl ank','','images/consulting.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
      <td width="31" height="34">
       <img src="images\navigation_2-09.gif" alt="" width="31" height="34" id="Image5" onMouseOver="MM_swapImage('Image5','','images/navigation_over-09.gif',1);MM_swapImage('bl ank','','images/programming.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
      <td width="42" height="34">
       <img src="images\navigation_2-10.gif" alt="" width="42" height="34" id="Image6" onMouseOver="MM_swapImage('Image6','','images/navigation_over-10.gif',1);MM_swapImage('bl ank','','images/contact.gif',1)" onMouseOut="MM_swapImgRestore()" /></td>
      <td width="17" height="34">
       <img src="images\navigation_2-11.gif" width="17" height="34" alt="" /></td>
    </tr>
    </table>
    td>
    </tr>
    <tr>
      <td width="410" height="352">
       <img id="index003" src="images/index-03.gif" width="410" height="352" alt="" /></td>
      <td width="382" height="352">
       <img id="index004" src="images/index-04.gif" width="382" height="352" alt="" /></td>
    </tr>
    <tr>
      <td width="792" height="29" colspan="2">
       <img id="index005" src="images/index-05.gif" width="792" height="29" alt="" /></td>
    </tr>
    </table>
    </body>
    </html>
    I can't publish the page and images until later tonight.
    Thanks, as always.

  • How can I find out what is wrong with swap image in a library

    I had a DW8 site that used  a library item on many pages with the calls to the macromedia swap image function.  Everything was fine.
    I've now converted to CS5.5 and I find that:
    a) When the library item is changed, the updated pages don't have proper local relative paths. Instead they have the exact path in the library item itself.
    b) I can't detatch the library item from a page, I get:
    An error occured while loading behavior "Swap Image" Please check this file and associated JavaScript files for errors.
    When OK'd this is followed by
    Dreamweaver encountered an improper argument.
    I went back to DW8, forced a library update and everything was fine.  I've checked and so far as I can see, the swap image funtion is identical in the DW8 and CS5.5 versions.
    I don't know if a and b are related, 

    An example page with the associated files that might be involved in this
    problem are copied into dummy files on the customer's site:
    http://valeriewilding.co.uk/queens2.htm
    http://valeriewilding.co.uk/vwqueens.js
    http://valeriewilding.co.uk/topNavQueens.lbi
    The equivalent working files (from DW8) on the site are
    http://valeriewilding.co.uk/queens.htm
    http://valeriewilding.co.uk/vw.js
    The library file is not normally on the site and, if it was, it would be in
    the library directory which could not normally be reached from the htdocs
    folder.  Going back to DW8 as a workaround has solved problem (a) - the path
    error - but downloading these files into a CS5.5 environment should still
    show problem (b), being unable to remove the attachment.
    There is a second library item on the page, the bottom navigation, and this
    can be detached without problem.
    The folder structure on my PC is:
    htdocs
    --- queens2.htm
    --- vwqueens.js
    Library
    --- TopNavQueens.lbi

  • Swapping images/text question?

    Hi, I am moving this question to this forum from general as I got a response suggesting that dynamic html could be the solution to my problem. Any guidance on how to set up the behaviour would be much appreciated.
    The problem I have is that I have created a navigation menu using plain text that changes colour on hover and two images in different divs swap images. It all works fine using a standard behaviour but now the client has asked if I can also make the opposite work ie. when the user rolls over the image, then the text changes colour. Is this possible without creating the text elements as images and swapping them using a standard behaviour?
    I am not very familiar with the capabilities of javascript so some guidance would be great.
    The present draft site is here, so you can see the problem.
    Many thanks
    Richard

    Hi Richard,
    I suggest you to use javascript. I will try to give you a basic examle for this problem with a short explanation. Let's say you have the following html code
    Here comes the default text of the elementThe image has the id of firstimage and the div#first will be the object where the text will swapped at onmouseover event.
    The code above will catch the rollower event of the #firstimaged object and will make the ChangeTextofDivIdfirst javascript function run. With the used innerHTML property you may specify any html code instead of the 'the swapping text' .
    Regards
    Zoli

Maybe you are looking for

  • Can i listen to audio on my ipad and apple tv streaming at the same time to be able to use the dj app?

    Help

  • APP- Single Payment Document per Profit Center

    Hi All, Like we have option making single payment per business area wise in APP, client request to make per profit center Wise. But, sap not given any option like that till ECC 6.0 EH4. Can anybody have any work round solution for this requirement. T

  • Date and Time Error

    Using ColdFusion and SQL 2005 and I'm trying to get a Eurpopean style date (UK) stored into the database coming from a CF form. the code, I'm using is added to this email. However, when I try to update the database, I get the following error Error Ex

  • Sales Order - Original Document

    Dear Experts, Background: We have adopted Make-to-Order (20) planning strategy in our organisation. Our transaction flow is S.Inquiry -> S.Quotation -> S.Order -> MPS on S.Order/Item by MD50 -> MRP on FERT by MD41 -> Conversion of Planned Order to Pr

  • Who's using your wi-fi connection?

    Is there a program or anyway to show who's using a wireless network at a given time? Like a feature that shows a list of computers that are on the wireless network? thx