0
rollover using java, I think
Explorer
,
/t5/dreamweaver-discussions/rollover-using-java-i-think/td-p/70317
Dec 27, 2008
Dec 27, 2008
Copy link to clipboard
Copied
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
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting.
Learn more
LEGEND
,
/t5/dreamweaver-discussions/rollover-using-java-i-think/m-p/70318#M133631
Dec 28, 2008
Dec 28, 2008
Copy link to clipboard
Copied
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
> 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
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting.
Learn more
bhludlow
AUTHOR
Explorer
,
/t5/dreamweaver-discussions/rollover-using-java-i-think/m-p/70319#M133632
Dec 28, 2008
Dec 28, 2008
Copy link to clipboard
Copied
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.
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting.
Learn more
bhludlow
AUTHOR
Explorer
,
/t5/dreamweaver-discussions/rollover-using-java-i-think/m-p/70320#M133633
Jan 02, 2009
Jan 02, 2009
Copy link to clipboard
Copied
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."
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting.
Learn more
Adobe Employee
,
/t5/dreamweaver-discussions/rollover-using-java-i-think/m-p/70321#M133634
Jan 05, 2009
Jan 05, 2009
Copy link to clipboard
Copied
hi,
this extension may be helpful for you..
Have a look at the samples.
this extension may be helpful for you..
Have a look at the samples.
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting.
Learn more
Adobe Employee
,
LATEST
/t5/dreamweaver-discussions/rollover-using-java-i-think/m-p/70322#M133635
Jan 05, 2009
Jan 05, 2009
Copy link to clipboard
Copied
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
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
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting.
Learn more

