VPF::[script/HTML] картинки уменьшить визуально, а не ф

Anuta1989

Дата 2.2.2009, 01:14 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 12
Регистрация: 28.1.2009

Репутация: нет
Всего: нет

Добрый Время суток!
есть скрипт/код, который вызывает картинки с именем 01.jpg
помогите придать всем этим 9 картинка размер, например 150х150 каждой картинке.
код:

Код


<head>
    <title>home page</title>
</head>
<script>
function showPhotoLink() {
    var date = new Date();
    var onejan = new Date(date.getFullYear(),0,1);
    dayOfYear = Math.ceil((date - onejan) / 86400000);
    var days = [];
    for (i=0; i<=2; i++) {
        var pred = (dayOfYear + (i-1)*3 -30); pred += '';
        var now = (dayOfYear + (i-1)*3+555); now += '';
        var next = (dayOfYear + (i-1)*3 +1761); next += '';
        for (j=pred.length; j<4; j++) {
            pred = '0' + pred;
        }
        for (j=now.length; j<4; j++) {
            now = '0' + now;
        }
        for (j=next.length; j<4; j++) {
            next = '0' + next;
        }        
        days[i] = [pred, now, next];
    }
    
    var content = '<table width=100%>';
    for (i=0; i<=2; i++) {
        content += '<tr><td width=33%><a href="http://thanx.me/'+ days[i][0] +'/pictures_today.html"><img src="http://thanx.me/'+ days[i][0] +'/01.jpg" /></a></td>';
        content += '<td width=33%><a href="http://thanx.me/'+ days[i][1] +'/pictures_today.html"><img src="http://thanx.me/'+ days[i][1] +'/01.jpg" /></td>';
        content += '<td width=33%><a href="http://thanx.me/'+ days[i][2] +'/pictures_today.html"><img src="http://thanx.me/'+ days[i][2] +'/01.jpg" /></td></tr>';
    }
    content += '</table>';
    document.getElementById('content').innerHTML = content;
}
</script>
<body onload='showPhotoLink();'>
    <p id="content" style="text-align:center;"></p>
</body>
</html>

Спасибо!

Это сообщение отредактировал(а) Rodman - 2.2.2009, 09:52

comtat

Дата 2.2.2009, 02:45 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1310
Регистрация: 2.5.2006
Где: Россия, Казань

Репутация: 8
Всего: 71

Код


<head>
    <title>home page</title>
</head>
<style>
img { width:150px;height:150px;}
</style>
<script>
function showPhotoLink() {
    var date = new Date();
    var onejan = new Date(date.getFullYear(),0,1);
    dayOfYear = Math.ceil((date - onejan) / 86400000);
    var days = [];
    for (i=0; i<=2; i++) {
        var pred = (dayOfYear + (i-1)*3 -30); pred += '';
        var now = (dayOfYear + (i-1)*3+555); now += '';
        var next = (dayOfYear + (i-1)*3 +1761); next += '';
        for (j=pred.length; j<4; j++) {
            pred = '0' + pred;
        }
        for (j=now.length; j<4; j++) {
            now = '0' + now;
        }
        for (j=next.length; j<4; j++) {
            next = '0' + next;
        }        
        days[i] = [pred, now, next];
    }
    
    var content = '<table width=100%>';
    for (i=0; i<=2; i++) {
        content += '<tr><td width=33%><a href="http://thanx.me/'+ days[i][0] +'/pictures_today.html"><img src="http://thanx.me/'+ days[i][0] +'/01.jpg" /></a></td>';
        content += '<td width=33%><a href="http://thanx.me/'+ days[i][1] +'/pictures_today.html"><img src="http://thanx.me/'+ days[i][1] +'/01.jpg" /></td>';
        content += '<td width=33%><a href="http://thanx.me/'+ days[i][2] +'/pictures_today.html"><img src="http://thanx.me/'+ days[i][2] +'/01.jpg" /></td></tr>';
    }
    content += '</table>';
    document.getElementById('content').innerHTML = content;
}
</script>
<body onload='showPhotoLink();'>
    <p id="content" style="text-align:center;"></p>
</body>
</html>

--------------------

Рожденный в СССР !!!
ExtJS - мой фреймворк

Anuta1989

Дата 2.2.2009, 12:51 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 12
Регистрация: 28.1.2009

Репутация: нет
Всего: нет

Огромное спасибо!

smile

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Центр помощи \| Следующая тема »