Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Старый mweb

Модератор: [mweb team]

Сообщение Владимир Пт авг 22, 2008 13:08

Ну, поживем-увидим. О результате буду судить по наличию/отсутствию вопросов о размерах -44-
Всех интересующихся цветомузыкой приглашаю посетить http://www.colormusic.ru
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Владимир Вт авг 26, 2008 12:10

Добрый день форумчане!

Сейчас собираюсь сделать страницу Вопрос-Ответ. Нужно сделать два стиля - для вопросов и ответов, примерно так: Изображение

Добавить ромбик нужного цвета - это не проблема, а можно ли в стиль добавить еще и букву с точкой?

Код: Выделить всё
P.grn {background:url(../img/romb-grn.gif)
          no-repeat 0px 2px;                 
          text-indent:20px;
          text-align:justify;
          margin:0px}
Всех интересующихся цветомузыкой приглашаю посетить http://www.colormusic.ru
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Вт авг 26, 2008 15:37

Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Before</title>
<style>
p.grn {
background:url(../img/romb-grn.gif) no-repeat 0px 2px;                 
text-indent:20px;
text-align:justify;
margin:0px
behavior: url('a.htc');
}
P.grn:before, p.grn span.ie {
color:#000;
font-weight: bold;
font-family: Times, serif;
font-size:16px;
content: "A. ";
}
</style>
</head>

<body>
<p class="grn">Это наш ответ Чемберлену.</p>
</body>
</html>

Ну и, собственно, файл a.htc для всеми горячо любимого ИЕ.
Код: Выделить всё
<public:attach event="oncontentready" onevent="before();" />
<script language="JavaScript" type="text/javascript"><!--
function before() {
element.innerHTML = "<span class='ie'>A.</span> " + element.innerHTML;
}
--></script>

Для вопроса делаешь по аналогии.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Чт авг 28, 2008 9:17

В ФФ работает, а в горячо любимом ИЕ буквы нету - только ромбик ... -21-
Всех интересующихся цветомузыкой приглашаю посетить http://www.colormusic.ru
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Чт авг 28, 2008 9:51

Быть не может! Я проверял! -08-
Кидай ссылку.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Чт авг 28, 2008 10:18

Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Чт авг 28, 2008 13:19

Код: Выделить всё
margin:0px;

Точку с запятой забыл поставить. Мой косяк.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Чт авг 28, 2008 14:50

Ага, спасибо, вот теперь действительно работает. Надо же блин, какая-то точечка... Буду теперь над вопросами-ответами корпеть, а то их уже много накопилось... Вот сегодня ифрэймы попробовал - карту туда воткнул - http://www.colormusic.ru/kontakt_3.html Трудюсь далее, спасибо за советы ... -14-
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Чт авг 28, 2008 15:58

2Владимир: На этой же карте следует отметить мой дом стрелочкой и сноской "пиво везите сюда!".
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Пт авг 29, 2008 19:59

Вот, используя советы великого Муерты разродился новой страничкой - http://www.colormusic.ru/support_2.html дело потихонечку идет. Впереди еще с десяток новых страниц на очереди. Ну на сегодня хватит - устал, поеду на дачу пиво пить... Да, по поводу карты со стрелочкой - уже отмечен один дом -39й, что нам мешает в нем пиво пить? -22-
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Пт авг 29, 2008 20:50

2Владимир: Для CEO рекомендовал бы сделать не
Код: Выделить всё
<p class="qst">Можно ли включать приставку без ламп подсветки?</p>
, а
Код: Выделить всё
<strong class="qst">Можно ли включать приставку без ламп подсветки?</strong>

поскольку вопросы именно те, которые пишутся людьми в поисковиках.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Пн сен 01, 2008 10:00

Ну, попробовал последовать вышеприведенному совету - ромбик с буковкой тут же исчезли... Как не трудно догадаться исчезает заданный стиль абзаца в ЦСС. Заменил в ЦСС "р" на "strong" - стало легче, буква с ромбиком появились, но не рядом, а налезают точно друг на друга. Манипуляции с маргинами не помогают...
Код: Выделить всё
strong.qst {background:url(../img/romb-red.gif) no-repeat 0px 2px;                   
text-indent:20px; text-align:justify; margin:0px;                       
font-weight:bold; behavior: url('q-a.htc')}                             
                                                                                     
strong.qst:before, strong.qst span.ie {color:#000; font-weight:bold;                         
           font-family:Times, serif; font-size:16px; content:"Q. ";}

Может быть надо сделать так? Или для сяо-мяо это не прокатит?
Код: Выделить всё
<p class="qst"><strong>Можно ли включать приставку без ламп подсветки?</strong></p>

Или так - по крайней мере все работает
Код: Выделить всё
<strong><p class="qst">Можно ли включать приставку без ламп подсветки?</p></strong>
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Пн сен 01, 2008 10:41

Можно и так. Главное - работает и обозначено в стронге.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Пн сен 01, 2008 11:14

Ну вот, вроде стронгов повтыкал где-надо. Заодно добавил пару вопросов-ответов и попробовал в деле акронимы, кому интересно смотрим http://www.colormusic.ru/support_2.html
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Пн сен 01, 2008 11:58

Код: Выделить всё
<ABBR>
скорее...
P.-S.
Тег <ABBR> указывает, что последовательность символов является аббревиатурой. С помощью параметра title дается расшифровка сокращения, что позволяет понимать аббревиатуру тем людям, которые с ней не знакомы. Кроме того, поисковые системы индексируют полнотекстовый вариант сокращения, что может использоваться для повышения рейтинга документа.

Элемент <ACRONYM> указывает на то, что текст является акронимом. В отличие от аббревиатуры, акроним — это устоявшееся сокращение, которое применяется как самостоятельное слово. К акронимам, например, можно отнести следующие слова: СПИД, ликбез, замполит, США, DOS и др.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Пн сен 01, 2008 12:19

Исправлено. Ну уж если речь зашла о "скорее", тогда попробуй ответить на такой вопрос. С правой стороны блоков вопросов есть тень. Она же многократно присутствует на других страницах. Это клетка таблицы, в которой есть два изображения одно лежит в бакграунде и повторяется по вертикали, а второе (уголок) прижато к верху клетки. Пытаясь сократить код, я картинку бакграунда перевел в класс, а можно ли в этот же класс добавить картинку уголка?
Вот клетка с тенью:
Код: Выделить всё
<td width="9" class="gif01"><img src="img/04.gif" alt="" width="9" height="10"></td>

Вот класс в ЦСС:
Код: Выделить всё
TD.gif01 {background:url(../img/01.gif); vertical-align:top}

Вот если бы 04.gif (уголок тени) тоже перевести в класс - был бы значительный эффект экономии...
Всех интересующихся цветомузыкой приглашаю посетить http://www.colormusic.ru
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Пн сен 01, 2008 13:25

Можно тем же путём, что и вставка "Q" и "А", можно вставкой пустого дива с бэкграундом уголка, но только на фиг надо?
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Пн сен 01, 2008 13:33

Ну неужто непонятно? Чтоб вместо такого длинного кода
Код: Выделить всё
<td width="9" class="gif01"><img src="img/04.gif" alt="" width="9" height="10"></td>

Написать:
Код: Выделить всё
<td class="gif01">&nbsp;</td>
Поскольку таких теней у меня полно, код бы сократился намного...
Всех интересующихся цветомузыкой приглашаю посетить http://www.colormusic.ru
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Пн сен 01, 2008 14:09

2Владимир: Ну сделай:
Код: Выделить всё
td.gif01:before, td.gif01 {
width:9px;
content: url("img/04.gif");
behavior: url('shadow.htc')
}
соответственно в .htc
Код: Выделить всё
element.innerHTML = '<img src="img/04.gif" alt="" width="9" height="10">';

Вроде должно прокатить.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Пн сен 01, 2008 15:45

Вот сделал htc: http://www.colormusic.ru/use/shadow.htc
Вот воткнул код в ЦСС: http://www.colormusic.ru/use/kvv.css
Вот что получилось: http://www.colormusic.ru/support_2-test.html
Смотри только первый блок Вопросы-ответы, остальные не правил. Уголок не прижат к верху, а фонового изображения нет ваще. Видимых ошибок не обнаружил.
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Владимир Вт сен 02, 2008 12:01

2Муерто:
Глянь пжлст вот тут: http://www.colormusic.ru/support_2-test.html сделал тестовый класс tst и применил его в меню и первых двух блоках - в ИЕ нет верхнего закругления тени
ЦСС:
Код: Выделить всё
td.tst {width:9px; background:url(../img/01.gif); vertical-align:top}               
td.tst, td.tst:before {content:url(../img/04.gif); behavior:url('shadow.htc')}

shadow.htc
Код: Выделить всё
element.innerHTML = '<img src="../img/04.gif" alt="" width="9" height="10">';

Код:
Код: Выделить всё
<table class="main" align="center" style="background-image:url(support/fon.gif)">
  <tbody>
    <tr>
      <td><script language="JavaScript">create_menu(0)</script></td>
      <td class="tst">&nbsp;</td>
    </tr>
    <tr>
      <td height="9" class="gif02"><img src="img/05.gif" alt="" width="10" height="9"></td>
      <td><img src="img/03.gif" alt="" width="9" height="9"></td>
    </tr>
    <tr>
      <td class="padd10"><p class="title">Вопросы и ответы.</p>
        <p class="grn">В данном разделе опубликованы ответы на различные вопросы, приходящие к нам по электронной почте, ICQ или по телефону. </p></td>
      <td class="tst">&nbsp;</td>
    </tr>
    <tr>
      <td height="9" class="gif02"><img src="img/05.gif" alt="" width="10" height="9"></td>
      <td><img src="img/03.gif" alt="" width="9" height="9"></td>
    </tr>
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Вт сен 02, 2008 12:09

2Владимир: Ты меня слишком буквально понял с файлом htc!
Файл должен быть такой:
Код: Выделить всё
<public:attach event="oncontentready" onevent="shadow();" />
<script language="JavaScript" type="text/javascript"><!--
function shadow() {
element.innerHTML = '<img src="../img/04.gif" alt="" width="9" height="10">';
}
--></script>
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Вт сен 02, 2008 12:19

Вот исправил htc: http://www.colormusic.ru/use/shadow.htc
В ИЕ ничего не изменилось http://www.colormusic.ru/support_2-test.html - закруглений тени нет - не отображается 04.gif ...
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Вт сен 02, 2008 12:28

Измени путь до картинки на абсолютный:
Код: Выделить всё
<img src="/img/04.gif" alt="" width="9" height="10">
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Вт сен 02, 2008 12:38

Попробовал менять в ЦСС, потом в ХТС, потом в двух файлах одновременно - не помогает
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Владимир Ср сен 03, 2008 10:00

Вопрос с тень пока остается открытым, надеюсь решение найдется...
Пока хотелось бы вернуться к вопросу об индикаторе загрузки картинки. Полазив по интернету я нашел на сайте http://fototerra.ru/index.html то, что меня в принципе устроило бы. Там при загрузке большой картинки (при нажатии на миниатюру) появляется что-то типа вращающегося солнышка, по крайней мере видно, что какой-то процесс идет. Я так понимаю, что это показывается маленький анимированный гиф, который исчезает при появлении картинки. Однако полазив по коду данной странички я ни фига не понял как это работает. Может кто-нить подсказать как стибрить у них эту фишку? Или может где-то есть инструкция по ее установке?
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Ср сен 03, 2008 10:06

http://www.muerto.ru/foto/?gallery=4
Всплывающий DIV имеет бэкграунд с анимированным колёсиком. Когда картинка грузится - виден бэкграунд - загрузился - он перекрывается картинкой. Просто до безумия.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Ср сен 03, 2008 10:26

То, шо это просто я догадался. Вопрос в том, как мне это воткнуть например на эту страничку http://www.colormusic.ru/komplekt.html ? Увеличивается картинка скриптом: http://www.colormusic.ru/use/img-pop.js может че прям в скрипт добавить?
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Ср сен 03, 2008 10:54

Код: Выделить всё
<!--
function showPic(pic){
// проверяем не показывается ли в данный момент
// какая-нибудь большая кортинка и если да - уничтожаем ее
if(document.getElementById("picture")){document.body.removeChild(document.getElementById("picture"));}
// создаем див и вставляем в него нашу кортинко
var ppic = top.document.createElement("div");
ppic.setAttribute("id","picture");
ppic.style.position = "absolute";
ppic.style.zIndex = "2";
ppic.style.top = 0 + "px";
ppic.style.left = 0 + "px";
ppic.style.color = "#000";
ppic.style.backgroundColor = "#e0dfe3";
ppic.style.backgroundImage = "url(анимационная картинка.gif)";
ppic.style.backgroundPosition = "center";
ppic.style.border = "2px outset #fff";
ppic.style.padding = "10px 10px 10px 10px";
ppic.innerHTML = "<img src='" + pic + "' title='скрыть' alt='' style='cursor:pointer' onload='setTimeout(\"findCenter()\",100)'>";
top.document.body.appendChild(ppic);
ppic.onclick = function(){top.document.body.removeChild(this)};

}

function findCenter(){
var ppic = top.document.getElementById("picture");
ppic.style.left = parseInt(document.body.clientWidth/2 - ppic.offsetWidth/2)+ "px";
ppic.style.top = parseInt(document.body.clientHeight/2 - ppic.offsetHeight/2) + document.body.scrollTop + "px";
}
//-->
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Ср сен 03, 2008 10:57

Ну а картинку-то дай срисовать... У тебя на сайте ее не поймаешь - быстро прячется... Изображение
Последний раз редактировалось Владимир Ср сен 03, 2008 11:06, всего редактировалось 1 раз.
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Ср сен 03, 2008 11:05

Изображение
Зело у тебя инет шустрый! Кстати, можешь использовать -06- если Кипер не против будет. -02-
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Ср сен 03, 2008 11:16

Как всегда фигня получилась http://www.colormusic.ru/komplekt.html Изображение наверно норепиты надо добавлять...
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Ср сен 03, 2008 11:39

2Владимир: А чего там не так?
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Muerto Ср сен 03, 2008 11:40

ПонЯл!
Код: Выделить всё
<!--
function showPic(pic){
// проверяем не показывается ли в данный момент
// какая-нибудь большая кортинка и если да - уничтожаем ее
if(document.getElementById("picture")){document.body.removeChild(document.getElementById("picture"));}
// создаем див и вставляем в него нашу кортинко
var ppic = top.document.createElement("div");
ppic.setAttribute("id","picture");
ppic.style.position = "absolute";
ppic.style.zIndex = "2";
ppic.style.top = 0 + "px";
ppic.style.left = 0 + "px";
ppic.style.color = "#000";
ppic.style.backgroundColor = "#e0dfe3";
ppic.style.backgroundImage = "url(анимационная картинка.gif)";
ppic.style.backgroundPosition = "center";
ppic.style.backgroundRepeat = "no-repeat";
ppic.style.border = "2px outset #fff";
ppic.style.padding = "10px 10px 10px 10px";
ppic.innerHTML = "<img src='" + pic + "' title='скрыть' alt='' style='cursor:pointer' onload='setTimeout(\"findCenter()\",100)'>";
top.document.body.appendChild(ppic);
ppic.onclick = function(){top.document.body.removeChild(this)};

}

function findCenter(){
var ppic = top.document.getElementById("picture");
ppic.style.left = parseInt(document.body.clientWidth/2 - ppic.offsetWidth/2)+ "px";
ppic.style.top = parseInt(document.body.clientHeight/2 - ppic.offsetHeight/2) + document.body.scrollTop + "px";
}
//-->
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Muerto Ср сен 03, 2008 11:50

Кстати, может в функцию передавать размеры большой картинки сразу, чтобы она не скакала из угла в центр? Если лень вписывать в вызов функции размеры большой картинки вручную, можно функцией РНР их определять автоматом.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Ср сен 03, 2008 11:54

Это было бы здорово, но я только о ПХП знаю только то, что такая штука существует... Если ты мне подскажешь - буду весьма признателен. Да, и вот еще что странно - вот тут http://www.colormusic.ru/kontakt.html#value вызывается тот же скрипт (в табличке на городах), но картинка даже в углу не появляется... Да она и везде пропала...
Вот исправленный скрипт http://www.colormusic.ru/use/img-pop.js

Вобщем что хотелось получить в идеале: чтоб в центре страницы на время загрузки большой картинки появлялась эта анимация - вобщем-то все... Ну и чтоб картинка центрировалась сама независимо от размера.
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Ср сен 03, 2008 12:45

Код: Выделить всё
<!--
function showPic(pic, x , y){
// проверяем не показывается ли в данный момент
// какая-нибудь большая кортинка и если да - уничтожаем ее
if(document.getElementById("picture")){document.body.removeChild(document.getElementById("picture"));}
// создаем див и вставляем в него нашу кортинко
var ppic = top.document.createElement("div");
ppic.setAttribute("id","picture");
ppic.style.position = "absolute";
ppic.style.zIndex = "2";
ppic.style.width = x + 20 + "px";
ppic.style.height = y + 20 + "px";
ppic.style.left = parseInt(document.body.clientWidth/2 - (x + 20)/2) + "px";
ppic.style.top = parseInt(document.body.clientHeight/2 - (y + 20)/2) + document.body.scrollTop + "px";
ppic.style.color = "#000";
ppic.style.backgroundColor = "#e0dfe3";
ppic.style.backgroundImage = "url(loading.gif)";
ppic.style.backgroundPosition = "center";
ppic.style.backgroundRepeat = "no-repeat";
ppic.style.border = "2px outset #fff";
ppic.style.padding = "10px 10px 10px 10px";

top.document.body.appendChild(ppic);
ppic.onclick = function(){top.document.body.removeChild(this)};
ppic.innerHTML = "<img src='" + pic + "' title='скрыть' alt='' style='cursor:pointer' width=" + x + " height=" + y + ">";
}
//-->

Вызов функции:
Код: Выделить всё
<?PHP
$imsize=getimagesize($_SERVER['DOCUMENT_ROOT']."/kontakt/cyti/tumen.jpg");
?>
<a href="#null" class="menu2" onclick="showPic('kontakt/cyti/tumen.jpg', <?PHP echo $imsize[0].", ".$imsize[1] ?>)">г. Тюмень, пос. Матмасы</a>

и не забыть, что страница теперь должна быть с расширением php.
Вроде так. Не тестировал. Попробуешь - отпишись.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Ср сен 03, 2008 15:13

Вот нашел оригинал акулы - я ее просто уменьшил и подергал немного за хвост...
Изображение
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Владимир Ср сен 03, 2008 15:45

Ну вобщем вот такая задача. Есть работающий скрипт http://www.colormusic.ru/use/img-pop.js, который показывает картинку в центре экрана.
Нужно внести в него изменения, чтобы на время загрузки картинки в центре экрана выводилась вот эта анимашка Изображение
Да, ты говорил
"Если лень вписывать в вызов функции размеры большой картинки вручную, можно функцией РНР их определять автоматом."
- уж лучше на странице при необходимости размер картинки вручную прописать, чтоб она сразу в центре выскакивала, чем весь сайт на php переделывать ... Изображение
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Ср сен 03, 2008 16:21

По любому тогда придётся переписывать, дабы внести размеры.
Тебе надо сначала выводить div c анимацией а потом вставлять туда картинку. А чтобы вывести див надо знать размеры вставляемой картинки. Дабы не изменять расширения ты можешь их вручную вписать, конечно. (вот, кстати, один из тех моментов, о которых я тебе говорил агитируя за движок).
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Пред.След.

Вернуться в Архив

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 19

cron