Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Ширина картинки в долях от ширины экрана
 
 автор: Киналь   (17.07.2007 в 16:37)   письмо автору
 
 

В JS не силен, да и сроки поджимают довольно сильно, поэтому прошу готовую функцию. Надо взять ширину экрана (sreenX, если не ошибаюсь), умножить ее на 0.12 и полученное значение использовать как width шести картинок.
Спасибо!

ЗЫ width=12%, к сожалению, не подходит из-за особенностей ИЕ(

   
 
 автор: sim5   (17.07.2007 в 17:01)   письмо автору
 
   для: Киналь   (17.07.2007 в 16:37)
 

Нет - screen.width. Вот проверьте:
<script>
var scr = screen.width;
alert(scr*0.12);
</script>

   
 
 автор: Киналь   (17.07.2007 в 17:05)   письмо автору
 
   для: sim5   (17.07.2007 в 17:01)
 

>Нет - screen.width. Вот проверьте:

Не надо, я верю=) А как вторую часть сделать? В смысле, присвоить результат width'ам картинок?

   
 
 автор: sim5   (17.07.2007 в 17:20)   письмо автору
 
   для: Киналь   (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>


Этот пример пропорционально изменяет размер рисунка в зависимости от разрешения экрана.

   
 
 автор: Киналь   (17.07.2007 в 23:52)   письмо автору
 
   для: sim5   (17.07.2007 в 17:20)
 

Понятно... Попробую, спасибо!

   
 
 автор: Vertex   (18.07.2007 в 00:56)   письмо автору
 
   для: Киналь   (17.07.2007 в 23:52)
 

Если писать только один из двух параметров, width или height, то второй будет высчитываться автоматически пропорционально. Если нужна пропорциональность уменьшения рисунка, не вижу смысла считать 2 параметра сразу.

   
 
 автор: Киналь   (18.07.2007 в 01:40)   письмо автору
 
   для: sim5   (17.07.2007 в 17:01)
 

Все получилось, спасибо!

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования