rollover using java, I think

[bhludlow]

Can anyone tell me how to get this effect using Dreamweaver CS4 (see attached URL)? I've seen this, where you click on the small image and it shows the larger image above, on several other sites and know it's a javascript. I've only used a very simple script in the past that was simply a cut and paste thing. If someone could point me in the right direction I'd appreciate it.

[Newsgroup_User]

bhludlow wrote:
> Can anyone tell me how to get this effect using Dreamweaver CS4 (see attached
> URL)? I've seen this, where you click on the small image and it shows the
> larger image above, on several other sites and know it's a javascript. I've
> only used a very simple script in the past that was simply a cut and paste
> thing. If someone could point me in the right direction I'd appreciate it.
>
>
> http://www.roamans.com/clothing/Thermal-henley-tunic.aspx?PfId=72255&DeptId=1120
> 8&ProductTypeId=1&PurchaseType=0

You should be able to do that with the built in Swap Image Behavior.

Add your two images to the page. Make sure to give each an ID. Then select the image you want to be clicked to swap out the other image. Open the Behaviors panel (Window -> Behaviors or Shift+F4) Click the + button, select Swap Image. In the dialog that appears, choose the image that is to be swapped, and choose the image that is to be swapped into place, Click OK and you're ready to go. Repeat as necessary if you want multiple clickable images.

Once you've done that, you may want to make the behavior application unobtrusive by using the Externalize JavaScript command new for CS4 ( Commands -> Externalize JavaScript). Be aware that once you do this, you won't be able to easily edit the Swap Image with the Dreamweaver Behaviors panel.


--
Danilo Celic
| http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

[bhludlow]

That sounds do-able. I'll be able to give it a try tomorrow, but it sounds as if you've given me my solution. Because I've never done it before, I may have to try more than once, but that's why we have the delete key. Thanks.

[bhludlow]

Through Lynda.com tutorials I learned about using the Spry feature in CS4 instead of "rollovers" This wasn't exactly what I had in mind, but it got the job done. I'll have to learn about the other effect later. Thanks for sending me in the right direction re. "swap images."

[Veeresh Hiremath]

hi,
this extension may be helpful for you..
Have a look at the samples.

[Veeresh Hiremath]

Hii ,
i think this might be helpful for you.
have a look at the samples.

http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=1641519