<html><head></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">I did a bit of testing with the master sprite functionality in DHTML, that's great! I did a test with 4 images, here's the source code:<div><br></div><div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; color: rgb(54, 0, 252); "><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; color: rgb(54, 0, 252); "><canvas width=<span style="color: #8e0308">"100%"</span> height=<span style="color: #8e0308">"800"</span> bgcolor=<span style="color: #8e0308">"black"</span>></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; color: rgb(22, 147, 13); "><span style="color: #000000"> </span><!-- Take a few resources --></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; color: rgb(54, 0, 252); "><span style="color: #000000"> </span><resource name=<span style="color: #8e0308">"p1"</span> src=<span style="color: #8e0308">"Puffin1.png"</span> /></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; "> <resource name=<span style="color: #8e0308">"p2"</span> src=<span style="color: #8e0308">"Puffin2.png"</span> /></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; "> <resource name=<span style="color: #8e0308">"p3"</span> src=<span style="color: #8e0308">"Puffin3.png"</span> /></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; "> <resource name=<span style="color: #8e0308">"p4"</span> src=<span style="color: #8e0308">"Puffin4.png"</span> /></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; "> <resource name=<span style="color: #8e0308">"p5"</span> src=<span style="color: #8e0308">"Puffin5.png"</span> /></div><p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px"> <br class="webkit-block-placeholder"></p><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; color: rgb(54, 0, 252); "><span style="color: #000000"> </span><view x=<span style="color: #8e0308">"20"</span> y=<span style="color: #8e0308">"20"</span>></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; color: rgb(54, 0, 252); "><span style="color: #000000"> </span><simplelayout axis=<span style="color: #8e0308">"x"</span> spacing=<span style="color: #8e0308">"50"</span> /></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; color: rgb(54, 0, 252); "><span style="color: #000000"> </span><view resource=<span style="color: #8e0308">"p1"</span> /></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; "> <view resource=<span style="color: #8e0308">"p2"</span> /></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; "> <view resource=<span style="color: #8e0308">"p3"</span> /></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; "> <view resource=<span style="color: #8e0308">"p4"</span> /></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; "> <view resource=<span style="color: #8e0308">"p5"</span> /></div><p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px"> <br class="webkit-block-placeholder"></p><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; color: rgb(54, 0, 252); "> </view> </div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; color: rgb(54, 0, 252); "></canvas></div></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; color: rgb(54, 0, 252); "><br></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; color: rgb(54, 0, 252); "><font class="Apple-style-span" color="#000000" face="Helvetica"><span class="Apple-style-span" style="font-size: medium; ">The master sprite image is generated as imagesprite.sprite.png and contains all 5 PNG files, but the first image Puffin1.png is still downloaded as a separate file. Inspecting the HTML I can see that the view with resource p1 is still using the single Puffin1.png using an image tag, although that's part of the master sprite.</span></font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; color: rgb(54, 0, 252); "><font class="Apple-style-span" color="#000000" face="Helvetica"><span class="Apple-style-span" style="font-size: medium;"><img id="8df1647e-fbbf-4883-9de2-2b0cd8cfda29" height="324" width="890" apple-width="yes" apple-height="yes" src="cid:AD9A53C5-B9D8-40EE-8F35-88D9E29A4CB4"></span></font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; color: rgb(54, 0, 252); "><font class="Apple-style-span" color="#000000" face="Helvetica"><span class="Apple-style-span" style="font-size: medium; "><br></span></font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; color: rgb(54, 0, 252); "><font class="Apple-style-span" color="#000000" face="Helvetica"><span class="Apple-style-span" style="font-size: medium;"><img id="5bec7fc4-c108-4662-8d23-600a4c88fe52" height="724" width="282" apple-width="yes" apple-height="yes" src="cid:36BDA909-C1DE-4983-87EE-687644E5D88E"></span></font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; color: rgb(54, 0, 252); "><font class="Apple-style-span" color="#000000" face="Helvetica"><span class="Apple-style-span" style="font-size: medium; ">Another interesting thing is that the request is first started to download the master sprite, and then the single image is downloaded. Is that a feature?</span></font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; color: rgb(54, 0, 252); "><font class="Apple-style-span" color="#000000" face="Helvetica"><span class="Apple-style-span" style="font-size: medium;"><br></span></font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; color: rgb(54, 0, 252); "><font class="Apple-style-span" color="#000000" face="Helvetica"><span class="Apple-style-span" style="font-size: medium;">But besides the technical questions, that's a great functionality which is going to speed up many large DHTML apps!</span></font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; color: rgb(54, 0, 252); "><font class="Apple-style-span" color="#000000" face="Helvetica"><span class="Apple-style-span" style="font-size: medium;"><br></span></font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Monaco; color: rgb(54, 0, 252); "><font class="Apple-style-span" color="#000000" face="Helvetica"><span class="Apple-style-span" style="font-size: medium;">- Raju</span></font></div><div><br></div></div></body></html>