ImageMap - circleHotSpot

[corinne david]

I am developping a wesite. I am new at it.
I usually program scientific program.

I am using ImageMap and circleHotSpot.
In the ContentPlaceHolder1 I have BigImageA
In the ContentPlaceHolder2 I have TinyImageB ( associated to an ImageMap1)
The behavior desired is;
When clicking on TinyImageB I want to replace BigImageA in ContentPlaceHolder1 with BigImageB

The clicking of the ImageMap1 behaves correct it updates but to a new page with BigImageB.
Since I wrote: "NavigateUrl="~/BigImageB.jpg"
However I do not want that behavior. I want the BigImageB in ContentPlaceHolder2.
I do not know how to do that.
Can you help me?
Thank you.
Do you need more info.

Corinne

part of the code below.

.....

asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <p>
        <img alt="t2" 
            longdesc="file:///C:/WebSite4/BigImageA.jpg" 
            src="BigImageA.jpg" style="width: 1024px; height: 768px" /></p>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
    <asp:ImageMap ID="ImageMap1" runat="server" ImageUrl="~TinyImageB/.jpg">
        <asp:CircleHotSpot NavigateUrl="~/BigImageB.jpg" Radius="75" HotSpotMode="Navigate" />
    </asp:ImageMap>

.........

[corinne david]

I am developping a wesite. I am new at it.
I usually program scientific program.

I am using ImageMap and circleHotSpot.
In the ContentPlaceHolder1 I have BigImageA
In the ContentPlaceHolder2 I have TinyImageB ( associated to an ImageMap1)
The behavior desired is;
When clicking on TinyImageB I want to replace BigImageA in ContentPlaceHolder1 with BigImageB

The clicking of the ImageMap1 behaves correct it updates but to a new page with BigImageB.
Since I wrote: "NavigateUrl="~/BigImageB.jpg"
However I do not want that behavior. I want the BigImageB in ContentPlaceHolder2.
I do not know how to do that.
Can you help me?
Thank you.
Do you need more info.

Corinne

part of the code below.

.....

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <p>
        <img alt="t2" 
            longdesc="file:///C:/WebSite4/BigImageA.jpg" 
            src="BigImageA.jpg" style="width: 1024px; height: 768px" /></p>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
    <asp:ImageMap ID="ImageMap1" runat="server" 
ImageUrl="~TinyImageB/.jpg">
        <asp:CircleHotSpot NavigateUrl="~/BigImageB.jpg" Radius="75" HotSpotMode="Navigate" />
    </asp:ImageMap>

.........

[Frinavale]

Use the PostBackValue Property instead of the NavigateUrl Property. The PostBackValue property is used to specify a name for a HotSpot object. This name will be passed in the ImageMapEventArgs event data when the HotSpot is clicked.

After that, you need to implement a method that handles the Click Event.

[corinne david]

Thank you for your quick reply, very specific and clear.
I still have some issue but I made progress.
I have the eventPostback working. However, I do not update the image correctly. I will ask more question later.

Thank again for your help...
Corinne