Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

rollover using java, I think

Explorer ,
Dec 27, 2008 Dec 27, 2008
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.
TOPICS
Extensions
1.2K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Dec 28, 2008 Dec 28, 2008
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
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Dec 28, 2008 Dec 28, 2008
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.
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 02, 2009 Jan 02, 2009
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."
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 05, 2009 Jan 05, 2009
hi,
this extension may be helpful for you..
Have a look at the samples.
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 05, 2009 Jan 05, 2009
LATEST
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
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines