My code for WebImageViewer in Page_Load. When I click the image item,It dosn't navigate to the detail page.
For i As Integer = 0 To 7 Dim theFile As String = "~/Images/DSCF0" + (i + 1).ToString + ".JPG" Me.WebImageViewer1.Items.Add(New Infragistics.Web.UI.ListControls.ImageItem(theFile, "X", "Click to ...")) If Not (Me.WebImageViewer1.Items.Item(i) Is Nothing) Then Me.WebImageViewer1.Items.Item(i).NavigateUrl = "Detail.aspx?ID="&i.ToString End IfNext
I have tried to reproduce the problem locally, unfortunately to no avail. I was able to correctly click on any of the images and the browser always correctly navigated to the NavigateUrl specified. I even took a look at what is rendered as Html in the browser, and everything looked perfectly fine (img tags inside a href links):
<div class="igiv_ImageArea " id=":428111986.1:mkr:imageArea" style="white-space:nowrap;overflow:hidden;height:100%;width:100%;"> <a href="Detail.aspx?ID=0"><img border="0" id=":428111986.2:adr:0" class="igiv_Image " src="" alt="X" style="height:100%;visibility:hidden;" /></a><a href="Detail.aspx?ID=1"><img border="0" id=":428111986.3:adr:1" class="igiv_Image " src="" alt="X" style="height:100%;visibility:hidden;" /></a><a href="Detail.aspx?ID=2"><img border="0" id=":428111986.4:adr:2" class="igiv_Image " src="" alt="X" style="height:100%;visibility:hidden;" /></a><a href="Detail.aspx?ID=3"><img border="0" id=":428111986.5:adr:3" class="igiv_Image " src="" alt="X" style="height:100%;visibility:hidden;" /></a><a href="Detail.aspx?ID=4"><img border="0" id=":428111986.6:adr:4" class="igiv_Image " src="" alt="X" style="height:100%;visibility:hidden;" /></a><a href="Detail.aspx?ID=5"><img border="0" id=":428111986.7:adr:5" class="igiv_Image " src="" alt="X" style="height:100%;visibility:hidden;" /></a><a href="Detail.aspx?ID=6"><img border="0" id=":428111986.8:adr:6" class="igiv_Image " src="" alt="X" style="height:100%;visibility:hidden;" /></a><a href="Detail.aspx?ID=7"><img border="0" id=":428111986.9:adr:7" class="igiv_Image " src="" alt="X" style="height:100%;visibility:hidden;" /></a> </div>
Am I missing something?