Масштабирование рисунка

@Mykola Balanov · Регистрация: 08.05.2013

Студворк — интернет-сервис помощи студентам

Уже световался здесь по воводу готового скрипта (как найти ту тему - не знаю). Код таокй:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<html>
<head>
    <title>Новий рецепт</title>
    <link rel=”stylesheet” type=”text/css” href=”mystyle.css” media=”all” />
</head>
<body>
<?php
    include "includ/conected.php";
    $sql_cat="SELECT id, cat_name FROM categories";
    if(!$result = mysql_query($sql_cat, $link))
    {
        echo "<br>Не можу виконати запит!";
        exit();
    }
    echo "<form name='ed' action='ing.php' method=post  enctype='multipart/form-data'>\r\n";
        echo "  <table border=2>\r\n";
            echo "    <thead>\r\n";
                echo "      <tr bgcolor=silver>\r\n";
                    echo "        <td>id</td>\r\n";      
                    echo "        <td>категорія</td>\r\n";
                    echo "        <td>назва</td>\r\n";
                    echo "        <td>зміст</td>\r\n";
                    echo "        <td>картинка</td>\r\n";
                echo "      </tr>\r\n";
            echo "    </thead>\r\n";
            echo "    <tr height=75 valign=top>";
            echo "      <td><input type=text name=id value=0></input></td>\r\n";
            echo "      <td><select name=cat>";
            while ($mas = mysql_fetch_row($result))
            {
                echo "      <option value=$mas[0]>$mas[1]</option>";
            }
            echo "      </select></td>";
            echo "      <td><input type=text name=nazva value=nazva></input></td>";
            echo "      <td><input type=text name=zmist value=zmist></input></td>";
            echo '      <td  width="360"><input type="file" id="files" name="files[]" multiple />';
            echo '      <output id="list"></output></td>';
            echo "    </tr>";
            echo "    <tr>";
            echo "    <td colspan=7 align=center><input type=submit value=записати></input>";
            echo "    </tr>";
        echo "  </table>\r\n";
    echo "</form>\r\n";
?>
<script type="text/javascript">
        function handleFileSelect(evt) {
            alert('handleFileSelect');
            var files = evt.target.files;
            for (var i = 0, f; f = files[i]; i++) {
                if (!f.type.match('image.*')) {
                continue;
            }
        var reader = new FileReader();
        reader.onload = (function(theFile) {
            return function(e) {
                var span = document.createElement('span');
                span.innerHTML = ['<img class="thumb" src="', e.target.result,
                            '" title="', escape(theFile.name), '"/>'].join('');
                document.getElementById('list').insertBefore(span, null);
            };
      })(f);
      reader.readAsDataURL(f);
    }
  }
  alert('In code!');
  document.getElementById('files').addEventListener('change', handleFileSelect, false);    
</script>
</body>
</html>

В итоге рисунок на странице появляется но не с размерами заданными в scc файле:

CSS
1
2
3
4
5
6
7
8
.thumb {
    height: 75px;
    width: 350px;
    left: 20px;
    border: 1px solid #000;
    margin: 10px 5px 0 0;
    background-color: gray;
}

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

@kalabuni · 20.03.2014, 16:05

проверьте, подключается ли CSS-файл

смущают использованные вами кавычки в строке #4:

<link rel=”stylesheet” type=”text/css” href=”mystyle.css” media=”all” />
сравните с нормальными двойными кавычками
<link rel="stylesheet" type="text/css" href="mystyle.css" media="all" />

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	20.03.2014, 16:05
	проверьте, подключается ли CSS-файл смущают использованные вами кавычки в строке #4: <link rel=”stylesheet” type=”text/css” href=”mystyle.css” media=”all” /> сравните с нормальными двойными кавычками <link rel="stylesheet" type="text/css" href="mystyle.css" media="all" /> 1