Embedded image test... - Teh Forum

<body> <div id="header"> <span class="left"> <span class="back"><a href="lthread_list.php?webtag=DEFAULT"><span class="image mobile_back" title="Back"></span></a></span> <span class="image mobile_logo" title="Beehive Forum Logo"></span> </span> <ul> <li> <a class="reply_all" href="lpost.php?webtag=DEFAULT&reply_to=36529.0&return_msg=36529.10"> <span class="image mobile_reply_all"></span><span class="text">Reply to All</span> </a> </li> <li> <a class="navigation" href="#"> <span class="image mobile_navigation"></span><span class="text">Show messages</span> </a> </li> <li> <a class="main" href="#"><span class="image mobile_menu" title="Menu"></span> </a> </li> </ul> </div> <div class="menu main"> <ul> <li><a href="lthread_list.php?webtag=DEFAULT">Messages</a></li> <li><a href="lpm.php?webtag=DEFAULT">Inbox</a></li> <li><a href="lsearch.php?webtag=DEFAULT">Search</a></li> <li><a href="llogon.php?webtag=DEFAULT">Login</a></li> </ul> </div> <div class="menu navigation"><a href="lmessages.php?webtag=DEFAULT&msg=36529.1">1–10</a><a href="lmessages.php?webtag=DEFAULT&msg=36529.11">11–18</a></div> <div id="page_content"> <h3 class="thread_title"><a href="index.php?webtag=DEFAULT&amp;msg=36529.10">Embedded image test...</a> </h3> <div id="messages" data-navigation="36529_10_18_10"> <a name="a36529_10"></a><div class="message" id="message_36529_10"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time"> 5 Sep 2009 14:34</span> <div class="clearer"></div> </div><div class="message_to">To: Monsoir (PILOTDAN) <span><span class="image post_read" title="Read: 5 Sep 2009 15:58"></span></span> <span class="message_count">10 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=36529.10">36529.10</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=36529.3">36529.3</a></div> <div class="message_body"> Worked fine in Chrome, so it must be IE as Matt suggests.</div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=36529.10&return_msg=36529.10" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="36529.10"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a36529_11"></a><div class="message" id="message_36529_11"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time"> 5 Sep 2009 14:34</span> <div class="clearer"></div> </div><div class="message_to">To: Mal (BAD) <span><span class="image post_read" title="Read: 6 Sep 2009 12:03"></span></span> <span class="message_count">11 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=36529.11">36529.11</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=36529.5">36529.5</a></div> <div class="message_body"> What about using JS to generate a smooth gradient background image on the client?<br /> Can't do that easily in one request normally (would need to know window size), but client-side wouldn't be too tricky - and it would likely be less data than the equivalent image too.</div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=36529.11&return_msg=36529.10" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="36529.11"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a36529_12"></a><div class="message" id="message_36529_12"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time"> 5 Sep 2009 14:34</span> <div class="clearer"></div> </div><div class="message_to">To: Mouse <span><span class="image post_read" title="Read: 5 Sep 2009 14:42"></span></span> <span class="message_count">12 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=36529.12">36529.12</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=36529.7">36529.7</a></div> <div class="message_body"> Not really - images aren't really the main issue with emails, it's support for other things like widths, margins, and so on.</div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=36529.12&return_msg=36529.10" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="36529.12"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a36529_13"></a><div class="message" id="message_36529_13"> <div class="message_header"> <div class="message_from"> From: koswix<span class="message_time"> 5 Sep 2009 16:42</span> <div class="clearer"></div> </div><div class="message_to">To: Mouse <span><span class="image post_read" title="Read: 6 Sep 2009 00:41"></span></span> <span class="message_count">13 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=36529.13">36529.13</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=36529.9">36529.9</a></div> <div class="message_body"> <p>Not sure I'm on yer spam list tbh, which is odd. Sure I used to be.</p> <p> </p> <p><br /> Also I am running out of obscure string instruments to acuse you of selling.</p></div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=36529.13&return_msg=36529.10" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="36529.13"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a36529_14"></a><div class="message" id="message_36529_14"> <div class="message_header"> <div class="message_from"> From: Mouse<span class="message_time"> 6 Sep 2009 00:45</span> <div class="clearer"></div> </div><div class="message_to">To: koswix <span><span class="image post_read" title="Read: 6 Sep 2009 09:39"></span></span> <span class="message_count">14 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=36529.14">36529.14</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=36529.10#a36529_13" target="_self">36529.13</a></div> <div class="message_body"> I haven't sent one for a few weeks <span class="emoticon e_embarrassed" title=":$"><span class="e__">:$</span></span></div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=36529.14&return_msg=36529.10" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="36529.14"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a36529_15"></a><div class="message" id="message_36529_15"> <div class="message_header"> <div class="message_from"> From: koswix<span class="message_time"> 6 Sep 2009 09:41</span> <div class="clearer"></div> </div><div class="message_to">To: Mouse <span><span class="image post_read" title="Read: 7 Sep 2009 08:01"></span></span> <span class="message_count">15 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=36529.15">36529.15</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=36529.10#a36529_14" target="_self">36529.14</a></div> <div class="message_body"> <s>The Thought Police</s> Google won't be happy with you. And those Bordonúas won't sell themselves, you know.<div class="edit_text">EDITED: 6 Sep 2009 09:42 by KOSWIX</div> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=36529.15&return_msg=36529.10" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="36529.15"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a36529_16"></a><div class="message" id="message_36529_16"> <div class="message_header"> <div class="message_from"> From: Mal (BAD)<span class="message_time"> 6 Sep 2009 12:08</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 6 Sep 2009 12:30"></span></span> <span class="message_count">16 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=36529.16">36529.16</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=36529.10#a36529_11" target="_self">36529.11</a></div> <div class="message_body"> Fair point - hadn't thought of that. I suppose it allows you to offload any sort of image processing/generation to the client - albeit at the cost of having to re-run it on every refresh? Might be painful for mobile users with slow js processing though!</div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=36529.16&return_msg=36529.10" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="36529.16"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a36529_17"></a><div class="message" id="message_36529_17"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time"> 6 Sep 2009 12:37</span> <div class="clearer"></div> </div><div class="message_to">To: Mal (BAD) <span><span class="image post_read" title="Read: 6 Sep 2009 13:29"></span></span> <span class="message_count">17 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=36529.17">36529.17</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=36529.10#a36529_16" target="_self">36529.16</a></div> <div class="message_body"> Well refreshing is becoming a rarer event with all this asynchronous loading, so that's less of a problem.<br /> Though it would be good if browser caches allowed manual insert/retrieval using JS - easier than faffing with cache control headers!<br /> <br /> Slow JS processing for mobile devices could be an issue, but with 800MHz CPUs just around the corner, it shouldn't be much of an issue for long?</div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=36529.17&return_msg=36529.10" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="36529.17"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a36529_18"></a><div class="message" id="message_36529_18"> <div class="message_header"> <div class="message_from"> From: Ally<span class="message_time"> 6 Sep 2009 16:00</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 6 Sep 2009 17:30"></span></span> <span class="message_count">18 of 18</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=36529.18">36529.18</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=36529.10#a36529_11" target="_self">36529.11</a></div> <div class="message_body"> You sort of could make a gradient- use SVG for Firefox and Safari, and a CSS filter for IE. The IE part isn't valid, but then this method doesn't work it in it at all...</div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=36529.18&return_msg=36529.10" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="36529.18"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div></div> </div> </body>