bgraf

Задача и решается банально. Посмотрите как устроен Lightbox, там при открытии большой картинки висит надпись Loading или крутится гифка, изображающая загрузку. Так надо и вам делать. Пока картинка грузится пишете Loading, как только у Image сработает событие onload надпись убираете, меняете размеры дива и показываете большую картинку. Вот именно. Дайте пример. Пожалуйста.

Задача банальна , при нажатии на маленькую картинку открываю большую в div при этом размер дива меняю относительно ширины картинки. Проблему можно решить двумя способами . В скрытый див загрузить большие картинки и тогда они уже будут загружены, второй способ на сервере с помощью php получить размер больших картинок и передать их в массив js. Так что решений хватает, но, я хочу именно по средствам js решить эту задачу, видел много примеров использования onload , в данной проблеме, но нигде не нашел решение своей проблемы. например решение проблемы в Lightbox галереи именно такое как я хочу, но не достаток знаний в области js, не позволяют мне разобраться с этой проблемой. Ведь есть сайты где к примеру, пока загружается картинка крутится круг или песочные часики переворачиваются, тем самым пока картинка не загрузилась ничего не происходит. Только и такой пример найти не могу. пожалуйста дайте пример

Люди, гуру Javascript, помогите! Почему этот код, возвращает мне 0, и как мне решить задачу. function ImgSize(NumImg) { var Img_Size = new Image() Img_Size.onload = function(){}; Img_Size.src = "designers/boris_letunov/images/" + arrImages[NumImg][1]; return Img_Size.width ; }

Спасибо

Нет.

Спасибо, но Вы сделали тоже самое что и я, вопрос в другом, imageSize возвращает 0 так как сама картинка еще не успела загрузиться, а мне надо как то подождать пока она загрузится и тогда я получу ширину

Скажите а что такое $(Img_Size).load ? Как то вообще картинку не выводит этот код Не работает. Картинка теперь вообще не появляется

Здравствуйте! На странице несколько маленьких картинок при нажатии открывается большая, все банально . меняю размеры контейнера для большой картинки, но есть проблема, вот этот код возвращает длину равную 0, потому что картинка еще не загрузилась, как в ниже преведенный код, можно добавить код, который ждет пока картинка загрузилась? function ImgSize(NumImg) { var Img_Size = new Image() Img_Size.onload = function(){}; Img_Size.src = "designers/boris_letunov/images/" + arrImages[NumImg][1]; return Img_Size.width ; } Спасибо!

Здравствуйте! Решил сделать галерею, она часто встречается на сайтах, но сам не разобрался. Вот страница на которой есть такая галерея Вы увидите две картинки нажмите на них и откроется то что мне надо. Помогите найти код такой галереи. Спасибо!

Сделал так. Конечно надо все в цикл засунуть. Спасибо всем! <script language="javascript"> var arrImages = [ ["<?php echo($des_img_small_1); ?>","<?php echo($des_img_big_1); ?>","<?php echo($des_img_description_1); ?>"], ["<?php echo($des_img_small_2); ?>","<?php echo($des_img_big_2); ?>","<?php echo($des_img_description_2); ?>"], ["<?php echo($des_img_small_3); ?>","<?php echo($des_img_big_3); ?>","<?php echo($des_img_description_3); ?>"], ["<?php echo($des_img_small_4); ?>","<?php echo($des_img_big_4); ?>","<?php echo($des_img_description_4); ?>"], ["<?php echo($des_img_small_5); ?>","<?php echo($des_img_big_5); ?>","<?php echo($des_img_description_5); ?>"], ["<?php echo($des_img_small_6); ?>","<?php echo($des_img_big_6); ?>","<?php echo($des_img_description_6); ?>"], ["<?php echo($des_img_small_7); ?>","<?php echo($des_img_big_7); ?>","<?php echo($des_img_description_7); ?>"], ["<?php echo($des_img_small_8); ?>","<?php echo($des_img_big_8); ?>","<?php echo($des_img_description_8); ?>"], ["<?php echo($des_img_small_9); ?>","<?php echo($des_img_big_9); ?>","<?php echo($des_img_description_9); ?>"], ["<?php echo($des_img_small_10); ?>","<?php echo($des_img_big_10); ?>","<?php echo($des_img_description_10); ?>"], ] </script>

нет

Здравствуйте! Подскажите как мне многомерный массив php: $des_img=array( array($des_img_small_1, $des_img_big_1, $des_img_description_1), array($des_img_small_2, $des_img_big_2, $des_img_description_2), array($des_img_small_3, $des_img_big_3, $des_img_description_3), array($des_img_small_4, $des_img_big_4, $des_img_description_4), array($des_img_small_5, $des_img_big_5, $des_img_description_5), array($des_img_small_6, $des_img_big_6, $des_img_description_6), array($des_img_small_7, $des_img_big_7, $des_img_description_7), array($des_img_small_8, $des_img_big_8, $des_img_description_8), array($des_img_small_9, $des_img_big_9, $des_img_description_9), array($des_img_small_10, $des_img_big_10, $des_img_description_10), ); перенести в массив JavaScript.

Вы знаете, сначала не хотел замарачиваться на IE6 , посмотрел на Google analitics , так что я Вам хочу сказать, был удивлен, 30% из пользователей посещаемых сайт пользуются IE6 . Так что он, IE6 , еще долго будет нас преследовать. Ребята СПАСИБО Вам огромное всем.

меня вседа спасает добавление Сlear:right|left(противоположному в свойстве float) последнему float Спасибо Вам огромное. сработало. Вы мне очень помогли

Вы знаете проверил сразу же. Не сработало

Да!!!! Будьте добры объясните как с помощью добавления float:left ко второму div решит проблему для ie6 300 + 700 больше чем 1000

<div style="width:1000px;"> <div style=" float:left;width:300px; height:300px; background-color:#FF0000; "> </div> <div style="float:left;width:700px; height:300px; background-color:#33FF66;"> </div> </div> Так????

Здравствуйте! Вот пример кода <div style="width:1000px;"> <div style=" float:left;width:300px; height:300px; background-color:#FF0000; "> </div> <div style="width:700px; height:300px; background-color:#33FF66;"> </div> </div> В IE6 второй див прыгает вниз почему?

НЕТ ДА не НУЖНО!!! Я просто имя файла пишу. Так почему у меня не работает тогда? будте добры посмотрите что не так?

Люди помогите! НУЖНО ПРОПИСЫВАТЬ полный url нет! ВОПРОС ПРИНЦИПИАЛЬНЫЙ. Файлы находятся в одной папке только в одном примере работает в другом нет. Монстры программирования вы же сталкивались с этой проблемой. у меня до истерики дохожит то работает то не работает.

Спасибо всем! Но если кто-то, увидит мою ошибку и подскажет почему в первом случае должен быть полный юрл, а во втором нет, БУДУ ПРИЗНАТЕЛЕЛ!

Спасибо, заработало, но я делал другой пример и просто указал название файла который находился в той же папки и все работало ВОПРОС ПОЧЕМУ? вот тот пример 1.php <html> <head> </head> <body> <a href="http://xmlhttprequest.ru/">http://xmlhttprequest.ru/</a><br /> Unix Time : <div id="NewTime"></div> <script> function getXmlHttp() { var xmlhttp; try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { xmlhttp = false; } } if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp = new XMLHttpRequest(); } return xmlhttp; } var xmlhttp = getXmlHttp(); xmlhttp.open('GET', 'SendTime.php?r='+Math.random(), true); xmlhttp.onreadystatechange = processRequestChange; xmlhttp.send(null); function CreateRequest() { xmlhttp.abort(); xmlhttp.open('GET', 'SendTime.php?r='+Math.random(), true); xmlhttp.onreadystatechange = processRequestChange; xmlhttp.send(null); } function processRequestChange() { alert('xmlhttp.readyState = '+xmlhttp.readyState); alert(xmlhttp.responseText); if (xmlhttp.readyState == 4) { alert('xmlhttp.status = '+xmlhttp.status); if(xmlhttp.status == 200) { document.getElementById("NewTime").innerHTML=xmlhttp.responseText; } } } var timer=setInterval("CreateRequest()",1000); </script> </body> </html> SendTime.php <? echo(mktime()); ?> ПОДСКАЖИТЕ В ЧЕМ РАЗНИЦА ведь тут я не указывал полный юрл а работает???

ну к примеру так function fff(aaa) { document.getElementById("BigImage").src=aaa; } где ааа это и есть переменная с новой картинкой а BigImage это id элемента в котором отображантся картинка

Добрый день! Помогите разобраться. Изучаю AJAX и решил первоначальную проблему начать решать с малого. есть index.php ....... <script type="text/javascript" src="galery/search/ajax.js"> </script> </head> <body> <div style="width:100px; height:100px; background-color:#00FF00;" id="aaaa" onclick="bgraf()"></div> <div id="bbbb"></div> </body> </html> при нажатии на div вызываю функцию которая находится в ajax.js var xmlhttp = null; function getXmlHttp() { alert(xmlhttp); try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { xmlhttp = false; } } if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp = new XMLHttpRequest(); } } <!——————————————————————————————-> function bgraf() { getXmlHttp(); alert(xmlhttp); xmlhttp.open('GET', 'temp_ajax.php', true); xmlhttp.onreadystatechange = processRequestChange; xmlhttp.send(null); } <!——————————————————————————————-> function processRequestChange() { alert('xmlhttp.readyState = '+xmlhttp.readyState); if (xmlhttp.readyState == 4) { alert('xmlhttp.status = '+xmlhttp.status); if(xmlhttp.status == 200) { document.getElementById("bbbb").innerHTML=xmlhttp.responseText; } } } и есть temp_ajax.php <?php $d = "Привет!!!"; echo $d; ?> надеялся получить в <div id="bbbb"></div> слово Привет!!! но тут проблема вIE на строчку xmlhttp.open('GET', 'temp_ajax.php', true); ругается и выдает ошибку permission denied а параметр xmlhttp.status равняется 0. Подскажите, помогите разобраться. Спасибо

спасибо заработало