|
|
|
| В JS не силен, да и сроки поджимают довольно сильно, поэтому прошу готовую функцию. Надо взять ширину экрана (sreenX, если не ошибаюсь), умножить ее на 0.12 и полученное значение использовать как width шести картинок.
Спасибо!
ЗЫ width=12%, к сожалению, не подходит из-за особенностей ИЕ( | |
|
|
|
|
|
|
|
для: Киналь
(17.07.2007 в 16:37)
| | Нет - screen.width. Вот проверьте:
<script>
var scr = screen.width;
alert(scr*0.12);
</script> | |
|
|
|
|
|
|
|
для: sim5
(17.07.2007 в 17:01)
| | >Нет - screen.width. Вот проверьте:
Не надо, я верю=) А как вторую часть сделать? В смысле, присвоить результат width'ам картинок? | |
|
|
|
|
|
|
|
для: Киналь
(17.07.2007 в 17:05)
| | Картинки придется выводить через (может кто-то другой способ знает):
document.write("<img src=name.ext width="+w+" height="+h");
То есть надо будет определить ширину (w), высоту (h) картинки и указать их как переменные. А ведь высота картинки должна измениться пропорционально от ее ширины, то есть ее надо будет считать от исходного размера картинки.
P.S. Вот код подобного примера.
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Ed Churnside -->
<!-- Web Site: http://www.dragonquest.com/inddpl.htm -->
<!-- Additional documention available online at -->
<!-- http://www.dragonquest.com/dplsspic.htm -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function showpic(src, w, h, alt, aln, pw, ph, bw, bh) {
if (src == null) return;
var iw, ih; // Set inner width and height
if (window.innerWidth == null) {
iw = document.body.clientWidth;
ih=document.body.clientHeight;
}
else {
iw = window.innerWidth;
ih = window.innerHeight;
}
if (w == null) w = iw;
if(h == null) h = ih;
if(alt == null) alt = "Тестовое изображение";
if(aln == null) aln = "left";
if(pw == null) pw = 100;
if(ph == null) ph = 100;
if(bw == null) bw = 24;
if(bh == null) bh = 24;
var sw = Math.round((iw - bw) * pw / 100*0.95); //для небольшого изменения ширины рисунка
var sh = Math.round((ih - bh) * ph / 100*0.95); //для небольшого изменения высоты рисунка
if ((w * sh) / (h * sw) < 1) sw = Math.round(w * sh / h);
else sh = Math.round(h * sw / w);
document.write('<img src="'+src+'" alt="'+alt+'" width="'+sw+'" height="'+sh+'" align="'+aln+'">');
}
// End -->
</script>
</HEAD>
|
<BODY>
<script language="javascript">
showpic("image.gif", 362, 113, "Тестовое изображение", "middle");
</script>
</BODY>
|
Этот пример пропорционально изменяет размер рисунка в зависимости от разрешения экрана. | |
|
|
|
|
|
|
|
для: sim5
(17.07.2007 в 17:20)
| | Понятно... Попробую, спасибо! | |
|
|
|
|
|
|
|
для: Киналь
(17.07.2007 в 23:52)
| | Если писать только один из двух параметров, width или height, то второй будет высчитываться автоматически пропорционально. Если нужна пропорциональность уменьшения рисунка, не вижу смысла считать 2 параметра сразу. | |
|
|
|
|
|
|
|
для: sim5
(17.07.2007 в 17:01)
| | Все получилось, спасибо! | |
|
|
|