Народ, подскажите чайнику как рамку сделать просто цветной

orbakh · August 16, 2007

По этому тегу открывается окно с картинкой. Мне нужно, во-первых, чтобы окно автоматически подстраивалось под размер картинки, а во-вторых, чтобы рамка была нужного мне цвета. Помогите...

Renert · August 16, 2007

насчет рамки - можно использовать css

Если нужно для всех картинок, то так

<body>
<style type = text/css>
IMG {
 border:5px solid #Цвет_В_Формате RGB(например #00ff00); - получится зеленая рамка толщиной 5 px
}
</style>
<img src = 'путь к картинке'>
</body>

А если ты имеешь ввиду, вокруг картинок, которые являются ссылками, то меняешь стиль на такой

<style type = text/css>
A IMG {
 border:5px solid #Цвет_В_Формате RGB(например #00ff00); - получится зеленая рамка толщиной 5 px
}
</style>

и вообще, почитай про css - полезная вещь

orbakh · August 16, 2007

Огромное спасибо, первый скрипт сработал.

Остался только вопрос, как сделать, чтобы окно, в которой открывается картинка, автоматически соответствовало размеру картинки?

Renert · August 16, 2007

Остался только вопрос, как сделать, чтобы окно, в которой открывается картинка, автоматически соответствовало размеру картинки?

А размеры картинок тебе заранее известны, или нет?

Если нет, то их надо сначало на стороне сервера узнать с помощью, например, PHP,

а дальше все просто - что-то на подобии window.open("Путь","Название Окна","Параметры")

Вот "Параметры" - это строка на подобии

"height=450, width=715, channelmode=0, directories=0, fullscreen=0, left=100, location=0, menubar=0, resizeable=1,scrollbars=1, status=1, toolbar=0, top=50"

Дальше сам разберешься, какой параметр что означает

orbakh · August 16, 2007

Текст

Renert · August 16, 2007

Тебе не кажется, что твой последний код отличается от первого?

в первом - у тебя есть ссылка, с явоскриптом, а во втором нет.

Что у тебя есть - то?

Вариант 1

У тебя есть страничка, со ссылкой, в виде картинки, и тебе надо, чтобы при клике на эту маленькую картинку открывалось окно с большой картинкой, и это открывшееся окно было размером с большую картинку?

Вариант 2

У тебя есть страничка с картинкой, без всяких ссылок, и тебе надо, чтобы эта страничка, при открытии была размером с картинку?

Уточни.

orbakh · August 16, 2007

Вообще-то у меня есть оба варианта.

Сейчас я ковыряюсь с такой фичей - при клике на картинку включается htm-файл, который я написал вторым и открывается окно, но не по размеру картинки. А надо бы в размер...

В первом варианте все картинки одного размера и я могу что-то сделать. А во втором - все разные. В этом и сложность.

Renert · August 16, 2007

ну самый тупой способ, если ты заранее не знаешь размеров картинки

<body onload=MyReload()>
<SCRIPT language=javascript>
function MyReload(){
pic=document.getElementById("pict");
window.resizeTo(pic.offsetWidth,pic.offsetHeight);
}
</SCRIPT>
<STYLE type = text/css>
#pict{
 display:inline;
}
</STYLE>
<div id="pict"><IMG src='Путь к картинке'></div>;
</body>

Причем, не забывай, что javascript - регистрозависим, так что, обрати внимание на заглавныепрописные буквы в названиях функций методов.

orbakh · August 16, 2007

Наверное я все-таки совсем чайник. Честно скопировал блок и вставил к себе. Все работает, но рамка под картинку не подстраивается - всегда одного размера, хотя и дает себя изменять. Что-то все-таки не так...

Renert · August 16, 2007

какая рамка?

orbakh · August 16, 2007

Ну не рамка - окошко.

Renert · August 16, 2007

у тебя броузер какой? getElementById работает только под IE, если броузер другой, там функция другая, но смысл тот же.

orbakh · August 16, 2007

Сейчас сижу под IE.

Но в Опере то же самое.

Renert · August 16, 2007

да, и к тому же, не забудь, что к ширине и высоте надо прибавить размеры всяких элементов окна, типа меню, кнопки, адресная строки, или отключать их в этом окне.

orbakh · August 16, 2007

Абсолютно пустое окно, только картинка, правда с небольшой подписью снизу. При вызове выскакивает картинка, а ее не всю видно, нужно каждый раз растягивать границы окна, что не есть хорошо. Хотелось бы, чтобы это происходило автоматически...

orbakh · August 16, 2007

А может быть есть какая-нибудь тега, чтобы я сам установил размеры окна???

Fed · August 16, 2007

итак. есть скрипт(ява),который открывает новое окошко. так пропишите там высоту и ширину. вс? просто.из серии

function newwindow(name) {

window.open(name, '_blank', 'Toolbar=0, Location=0, Directories=0, Status=0, Menubar=0, Scrollbars=0, Resizable=0, Copyhistory=0,width=500, height=193,Left='+(screen.width/2-250)+',Top='+(screen.height/2-200)+'');

}

ставите туда ширину и высоту которые надо

,Left='+(screen.width/2-250)+',Top='+(screen.height/2-200)+'');

вот эти строки нужны чтобы выставить картинку по центру. делите ширину (высоту) экрана пополам и примерно вычитаете 1/2 ширины (высоты) картинки соответственно.

ну а далее на глаз

orbakh · August 16, 2007

Сделал так:

function MyReload(){

pic=document.getElementById("pict");

window.resizeTo(pic.offsetWidth,pic.offsetHeight);

}

Все это поставил в голову - и не получил ничего. Абсолютно.

Что я не так делаю. Прошу прощения за глупые вопросы, но я действительно чайник. Даже больше на самовар похож...

Renert · August 17, 2007

А кто тебя просил в голову это ставить?

<HTML>
<HEAD>
<TITLE>Страничка чайника (самовара)</TITLE>
</HEAD>

<BODY onload=MyReload()>

<SCRIPT language=javascript>
function MyReload(){
pic=document.getElementById("pict");
window.resizeTo(pic.offsetWidth,pic.offsetHeight);
}
</SCRIPT>
<STYLE type = text/css>
#pict{
 display:inline;
}
</STYLE>
<div id="pict"><IMG src='Путь к картинке'></div>;
</BODY>
</HTML>

Еще яснее надо?

orbakh · August 17, 2007

Вот теперь даже мне понятно. Спасибо большое. Работает, правда растягивает окно не до размеров картинки, а процентов на 20 меньше. Как нибудь сделать, чтобу до конца догятивало нельзя? Хотелось бы...

Renert · August 17, 2007

Слушай, а ты в голову думаешь, или только ешь?

а вот этот пост прочитать не судьба

Вчера 19:16:57

orbakh · August 17, 2007

function newwindow(name) {

window.open(name, '_blank', 'Toolbar=0, Location=0, Directories=0, Status=0, Menubar=0, Scrollbars=0, Resizable=0, Copyhistory=0,width=500, height=193,Left='+(screen.width/2-250)+',Top='+(screen.height/2-200)+'');

}

"Название"

Год

Renert · August 17, 2007

Что Это??????

orbakh · August 17, 2007

А это то, что я хотел бы заставить работать. Этот блок вызывается из другой программы и должен открыть картинку с подписью. Это все, что от него требуется. Но желательно картинку в размер окна, или окно в размер картинки.

Renert · August 20, 2007

желательно мне 10 vmz, и нормальное задание, и через 10 минут будет тебе счастье. А если не хочешь платить - то читай текст, много думай, и тоже (возможно) будет тебе счастье.

Sign In

Народ, подскажите чайнику как рамку сделать просто цветной

Question

Link to comment

Share on other sites

24 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information