Need Help with swap image

Ask a Question related to Macromedia Exchange Dreamweaver Extensions, Design and Development.

  1. #1

    Default Need Help with swap image

    :confused; I've got this page with a Spry collapsible panel in it. No problems
    getting that to work, but I'd like to be able to use an image in the tab and
    have that image 1) change on click to expand text and then 2) change back again
    on collapse text. I've got #1 figured out but can't get the image to return
    back to its original state on collapse. Basically, I'm using the image as a
    "show detail" "hide detail" function. HELP! I know there must be a way to do
    it. Or maybe a different way than Spry. You can view the page at
    [url]http://www.ivy-design.com/tip/people.html[/url]

    ivydesign123 Guest

  2. Similar Questions and Discussions

    1. Swap Image ?
      I have five images named image1 to image5, and five buttons named butt_1 to butt_5. What I want to achieve is a simple swap image behaivour but...
    2. Swap image also swap link
      Hi, I have a system set up where I have 5 thumbnails and when you roll-over one of the five it makes the large image above change to the...
    3. image swap
      I'm trying to do something that's incredibly simple in Director but can't figure it out in flash. I just want to click a button and change "image...
    4. Fading image swap
      Hey there, Do you guys know how to do a fade in/out image with a swap image activated on over state mode? Im trying to create this effect...
    5. pop-up menu and swap image help
      URL?? -- BR "foosball is th' DEVIL, Bobby Bouchet" "aserecuba2886" <webforumsuser@macromedia.com> wrote in message
  3. #2

    Default Re: Need Help with swap image

    ivydesign123 wrote:
    > :confused; I've got this page with a Spry collapsible panel in it. No problems
    > getting that to work, but I'd like to be able to use an image in the tab and
    > have that image 1) change on click to expand text and then 2) change back again
    > on collapse text. I've got #1 figured out but can't get the image to return
    > back to its original state on collapse. Basically, I'm using the image as a
    > "show detail" "hide detail" function. HELP! I know there must be a way to do
    > it. Or maybe a different way than Spry. You can view the page at
    > [url]http://www.ivy-design.com/tip/people.html[/url]
    Looks like you want to use a toggle image. Try adding this to the script block at the top of the page:
    function toggleShowHideImages(imgID, personName){
    var img = MM_findObj(imgID);
    if(img.src.indexOf('-hide') > -1){ // if showing the hidden image
    MM_swapImage(imgID,'','images/bio-'+ personName +'-show.jpg',1);
    }
    else{ // if showing the show image
    MM_swapImage(imgID,'','images/bio-'+ personName +'-hide.jpg',1);
    }
    }



    Then replace the current onmousedown with:
    onmousedown="toggleShowHideImages('tmShow', 'mccleary');"


    Also to get better/quicker responses, you should probably post questions that have to to with Dreamweaver and general web issues in the Dreamweaver group:
    [url]http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=12&catid=189&entercat=y[/url]
    And ask questions that are specific to Spry in the Spry forums:
    [url]http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602[/url]


    --
    Danilo Celic
    | [url]http://blog.extensioneering.com/[/url]
    | Adobe Community Expert
    danilocelic AdobeCommunityExpert Guest

  4. #3

    Default Re: Need Help with swap image

    Thanks a lot for your reply. I was having an issue like it.

    [url]http://aphaground.com[/url]
    AphaGround Guest

Posting Permissions

  • You may not post new threads
  • You may post replies
  • You may not post attachments
  • You may not edit your posts

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139