VPF::как установить src объекта IMG в css ?

t77

Дата 23.12.2010, 23:27 (ссылка)

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

Загрузка ...

Опытный

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

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

Доброе время суток,
Как можно установить путь и название картинки для объекта IMG, с помощью CSS стилей...??

Вариант1:

Код


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <style type="text/css">
    #myImg
    {     
     src:url('MuayThaiTechniques.jpg');
    }
    </style>   
</head>
<body>
    <center>
        <img id="" width="400px" height="300px" src="MuayThaiTechniques.jpg" alt=""/>
    </center>
</body>
</html>

Вариант2:

Код


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <style type="text/css">
    #myImg
    {     
     width: 400px;
     height: 300px;
     src:url('MuayThaiTechniques.jpg');
    }
    </style>   
</head>
<body>
    <center>
        <img id="myImg" src="" alt=""/>
    </center>
</body>
</html>

Второй вариант неработает... smile

Что я делаю не так ?

skyboy

Дата 23.12.2010, 23:43 (ссылка)

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

Загрузка ...

неОпытный

Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

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

а с чего ты взял, что через CSS можно менять произвольные атрибуты(в том числе SRC)? через CSS можно изменить background-image.
если тебе надо изменить именно SRC и background-image не устраивает, используй javascript.

Mavrun

Дата 23.12.2010, 23:54 (ссылка)

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

Загрузка ...

Бывалый

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

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

да, просто замени в цсс src на background

и к сведению, тег center устарел

t77

Дата 23.12.2010, 23:55 (ссылка)

(голосов:2)

Загрузка ...

Опытный

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

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

javascript не подходит!
На странице расположены несколько десятков img.
Хочется вынести пути и названия картинок из кода в файл css. Таким образом будет проще менять картинки через css а сам код использовать с разными стилями.

Добавлено через 5 минут и 52 секунды

Цитата

да, просто замени в цсс src на background

Mavrun, не прокатывает?

Добавлено через 11 минут и 55 секунд

Цитата

а с чего ты взял, что через CSS можно менять произвольные атрибуты(в том числе SRC)? через CSS можно изменить background-image.

skyboy, background-image можно задать и изменить например div-у, но никак не img.

ayax2005

Дата 24.12.2010, 00:42 (ссылка)

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

Загрузка ...

echo $smile

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

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

Вам дело говорят, а вы спорите.
Меняйте ваши img на div и юзайте background.

Цитата(t77 @ 23.12.2010, 23:55

)

Хочется вынести пути и названия картинок из кода в файл css. Таким образом будет проще менять картинки через css а сам код использовать с разными стилями.

Либо формируйте xml с именами ваших файлов и парсите его как-нибудь smile

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

все вопросы - из-за неверной формулировки задачи

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