Цитата:
а я уж начал забывать :) надо покрутить с форматом адреса, например, лишние символы там убирать или ещё чего, но это вечером |
попробуем такой ход
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <style> .img {display: none} </style> <img src="http://javascript.ru/forum/image.php?u=18034&dateline=1325652067"> <img class="img" src="http://javascript.ru/forum/image.php?u=19820&dateline=1334914235"> <img class="img"src="http://javascript.ru/forum/image.php?u=19820&dateline=1334914235"> <img class="img"src="http://javascript.ru/forum/image.php?u=19820&dateline=1334914235"> <script> jQuery(function ($) { var d = 0; var images = $(".img"); images.each(function() { $(this).on("load", function () { d++; }); this.src = this.src; }); var len = images.size(); var int = setInterval(function () { if (d == len) { images.show(); clearInterval(int); } }, 500); }); </script> |
как ни странно - работает :)
|
bes,
Тут есть две идеи 1. Картинка может подгрузиться до jQuery(function ($) { 2. Мелкие картинки могут подгрузиться до окончания блока с картинками, поэтому возможно лучше onload ставить на тег 3. Похоже у чела проблемы не с подгрузкой, а с рендингом больших изо на странице, ибо перевод в bmp и построчное отражение картинки на странице занимает время, в итоге все картинки не будут отражены одновременно, нужно подгружать с opacity:0 или visibility:hidden и тестить окончание приращений высоты |
Цитата:
|
bes,
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <div style="overflow:auto; width:100%;height:300px"> <img src="http://www.gog.com/upload/images/2013/06/4a97d96f01382e2d3de6435cc9bf4134bf21c62c.jpg"> </div> <script> var d=0; $("img").on("load", function () { var height=[] var int = setInterval(function () { if ($("img").height() == height[0]) { alert(height) clearInterval(int); } height.push($("img").height()); }, 1); }); </script> |
Цитата:
через height этого не сделать |
bes,
:-E Походу соврал - пойду умоюсь |
Deff, вот мой простой пример
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <img class="img" src="http://www.gog.com/upload/images/2013/06/4a97d96f01382e2d3de6435cc9bf4134bf21c62c.jpg"> <script> jQuery(function ($) { var img = $(".img").eq(0); var int = setInterval(function () { console.log(img.height()); }, 1); }); </script> |
bes,
:) Тогда я не понимаю, почему у чела не одновременно... Хотя у cyber был подобный эффект при перетаскивании мап карты(хотя может уже забыл нюансы |
Часовой пояс GMT +3, время: 00:03. |