[RESOLVED] [2005] displaying images via javascript and httphandler

[vbdotnetboy]

as always right after i post i figure it out


ok my turn to ask the question

i once/do have this code in a classic asp site see it in action here

....
<div style="margin-top: 15px; font-weight: bold; font-size: 12pt; float: left; margin-left: 5px;
                color: black">
                <img alt="BOTTLE RUN XTREME" src="img/home/xtreme_logo2.gif" />
                <br />
                <br />
                <br />
                We're the Ultimate Trials Dealer!
                <br />
                Everything for Motorcycle and Bicycle Trials.
                <br />
                If it's Xtreme - we carry it!
            </div>
            <%call ShowFeaturedMotorcycle()%>
            <div style="clear: both">
....

<%
sub ShowFeaturedMotorcycle()
	dim sql
	
	'Make sure the recordset object is closed
	if rs.state = 1 then
		rs.close
	end if
	'Make sure the connection object is open
	if cn.state <> 1 then
		cn.open application("CnnStr")
	end if
	
	if cn.state = 1 then
		sql = "SELECT motorcycle_inv.id, motorcycle_inv.model, motorcycle_inv.build_year, motorcycle_inv.price, motorcycle_brands.brand " & _
			  "FROM motorcycle_brands INNER JOIN motorcycle_inv ON motorcycle_brands.id = motorcycle_inv.make_id " & _
			  "WHERE motorcycle_inv.featured = 1"
		rs.open sql, cn
		if rs.state = 1 then
			if not (rs.bof and rs.eof) then
				dim pic_sql
				dim pic_rs
				
				set pic_rs = server.CreateObject("ADODB.Recordset")
				pic_sql = "SELECT id FROM motorcycle_pics WHERE motorinv_id = " & rs("id")
				pic_rs.open pic_sql, cn
				if not (pic_rs.bof and pic_rs.eof) then
%>

<script language="JavaScript" type="text/javascript">
	var imgFeature = new Array();

<%
					dim i
					
					i = 0
					do until pic_rs.eof
%>
	imgFeature[<%=i%>] = new Image();
	imgFeature[<%=i%>].src = "asp/display-motopic-blob.asp?pic_id=<%=pic_rs("id")%>&width=250";
<%					
					i = i + 1
					pic_rs.movenext
					loop
%>
var IntervalID;
IntervalID = setInterval("ShowFeatureBike(0)", 0);

function ShowFeatureBike(index){
	clearInterval(IntervalID);
	if(index == imgFeature.length)
		index = 0;
		
	document.getElementById("MotorFeature").src = imgFeature[index].src;
	index++;
	IntervalID = setInterval("ShowFeatureBike(" + index + ")", 3000);
}
</script>

<div style="padding-right: 10px; float: right">
    <img id="MotorFeature" src="" /></div>
<%
				pic_rs.close
				set pic_rs = nothing
%>
<div style="clear: both">
</div>
<div style="float: right; width: 250px">
    <div style="font-weight: bold; font-size: 12pt; color: black">
        Featured Motorcycle</div>
    <div style="font-size: 10pt; color: black">
        <%=rs("build_year") & " " & rs("model") & " " & rs("brand") & "<span style=""font-weight:bold;""> $" & rs("price") & "</span>"%>
    </div>
</div>
<%
				end if
			end if
		end if
	end if
	
	'Make sure the recordset object is closed
	if rs.state = 1 then
		rs.close
	end if
	'Make sure the connection object is open
	if cn.state <> 1 then
		cn.open application("CnnStr")
	end if
end sub
%>

now i'm converting it to a ASP.NET 2.0 site i'd like to perform the same thing but with ASP.NET framework so here's what i have

this is in a webcontrol

<%=CreateJavascriptCode()%>

this is in the code-behind

Protected Function CreateJavascriptCode() As String
        With New StringBuilder
            .Append("<script language=""JavaScript"" type=""text/javascript"">")
            .AppendLine()
            .Append("var imgFeature = new Array();")
            .AppendLine()
            Dim sz As String() = BrxHelper.GetFeatureMotorcyclePicIds(FeaturedMotorcycle(DbConstants.COL_PUBLICCYCLEINVENTORYINVENTORYID))
            For i As Integer = 0 To sz.Length - 1
                .AppendFormat("imgFeature[{0}] = new Image();", i)
                .AppendLine()
                .AppendFormat("imgFeature[{0}].src = ""../ImageHandler.ashx?PictureId={1}&Size=S"";", i, sz(i))
                .AppendLine()
            Next
            .AppendLine()
            .Append("var IntervalID;")
            .AppendLine()
            .Append("IntervalID = setInterval(""ShowFeatureBike(0)"", 3000);")
            .AppendLine()
            .Append("function ShowFeatureBike(index){")
            .AppendLine()
            .Append("clearInterval(IntervalID);")
            .AppendLine()
            .Append("if(index == imgFeature.length){")
            .AppendLine()
            .Append("index = 0;}")
            .AppendLine()
            .Append("document.getElementById(""motorcycleFeaturePics"").src = imgFeature[index].src;")
            .AppendLine()
            .Append("index++;")
            .AppendLine()
            .Append("IntervalID = setInterval(""ShowFeatureBike("" + index + "")"", 8000);")
            .AppendLine()
            .Append("}")
            .AppendLine()
            .Append("</script>")
            Return .ToString
        End With
    End Function

i can see that the javascript it working because i had placed an alert in the ShowFeatureBike function to see what the value of the document.getElementById(""motorcycleFeaturePics"").src was... however it does not return or display an image... i know the handler works because i use it for displaying images elsewhere and i've tested it... so hopefully someone might have an idea on how i can do this...