Можно ли такое сделать?

Discussion in 'PHP' started by ttt0z, 8 Aug 2010.

  1. ttt0z

    ttt0z Member

    Joined:
    18 Nov 2007
    Messages:
    60
    Likes Received:
    10
    Reputations:
    -5
    Задать стиль
    например все картинки на странице класса "bla1"
    имеют alt="это бла 1 класс"

    и потом на странице выводить:
    <img src=1.jpg class='bla1'>
    <img src=2.jpg class='bla1'>
    <img src=3.jpg class='bla1'>
    <img src=4.jpg class='bla1'>
    <img src=5.jpg class='bla1'>

    и все эти картинки будут иметь alt равный это бла 1 класс.

    Можно ли так сделать?
    Если да то подскажите как?
     
  2. PRosTo_LEva

    PRosTo_LEva Elder - Старейшина

    Joined:
    18 Apr 2007
    Messages:
    449
    Likes Received:
    132
    Reputations:
    106
    В CSS класс или ID можно применять к нескольким элементами и все они будут иметь его описание. Очень плохо раскрыта суть вопроса.


    в файле CSS пишем:

    Code:
    #imgconf { 
    /*Нужный перечень элементов} 
    а тегам присваиваем ID присваиваем ID

    <img id="imgconf" src="image.jpg">
     
    #2 PRosTo_LEva, 8 Aug 2010
    Last edited: 8 Aug 2010
  3. Gar|k

    Gar|k Moderator

    Joined:
    20 Mar 2009
    Messages:
    1,166
    Likes Received:
    266
    Reputations:
    82
    ttt0z
    если я тебя правильно понял и если ты не пользуешься jquery
    Code:
    var img = document.getElementsByTagName('img');
        for (var i = 0; i < img.length; i++) {
            if (img[i].className && img[i].className == 'bla1') img[i].alt='bla1'; 
    }
    
     
    _________________________
  4. ttt0z

    ttt0z Member

    Joined:
    18 Nov 2007
    Messages:
    60
    Likes Received:
    10
    Reputations:
    -5
    PRosTo_LEva, вопрос конкретно задан.
    Gar|k, надо через css.

    Код:

    <html>
    <body>
    [задаем css что все картинки имют значение алт="это бла 1 класс"]

    <img src=1.jpg class='bla1'>
    <img src=2.jpg class='bla1'>
    <img src=3.jpg class='bla1'>
    <img src=4.jpg class='bla1'>
    <img src=5.jpg class='bla1'>

    </body>
    </html>

    Надо код который должен быть на месте квадратных скобок


    как то так примерно:
    <style>
    img {
    alt:'это бла 1 класс';
    }
    </style>


    Почему то ниже код не работает:
    <html>
    <body>
    <style>
    img { alt:"blabla1"; }
    </style>

    <img src=1.jpg>
    <img src=2.jpg>
    <img src=3.jpg>

    </body>
    </html>
     
    #4 ttt0z, 9 Aug 2010
    Last edited: 9 Aug 2010
  5. PRosTo_LEva

    PRosTo_LEva Elder - Старейшина

    Joined:
    18 Apr 2007
    Messages:
    449
    Likes Received:
    132
    Reputations:
    106
    проверь в IE в нём должно работать, возможно дело в кроссбраузерности. Как решение предлагаю скомбинировать alt с title
     
  6. ttt0z

    ttt0z Member

    Joined:
    18 Nov 2007
    Messages:
    60
    Likes Received:
    10
    Reputations:
    -5
    PRosTo_LEv, в ие тоже не работает,
    что значит скомбинировать alt с title?
    у меня заданча прописать параметр картики через стиль! для примера я взял параметр alt!

    Народ помогите кто знает!
     
  7. PRosTo_LEva

    PRosTo_LEva Elder - Старейшина

    Joined:
    18 Apr 2007
    Messages:
    449
    Likes Received:
    132
    Reputations:
    106
    Уважаемый, в CSS нет атрибута alt


    Опиши задачу, что хочешь с картинками конкретно сделать?


    Вот написал тебе пример добавления рамки к изображению:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    <title>Сайт</title>
    <style type="text/css" media="all">
    img {
    border: 10px solid #000;
    }
    </style>
    </head>

    <body>
    <img src="min.jpg" />
    </body>
    </html>
     
    #7 PRosTo_LEva, 9 Aug 2010
    Last edited: 9 Aug 2010
  8. ttt0z

    ttt0z Member

    Joined:
    18 Nov 2007
    Messages:
    60
    Likes Received:
    10
    Reputations:
    -5
    а src можно через стайл задать?
     
  9. Mixon

    Mixon Elder - Старейшина

    Joined:
    12 Mar 2008
    Messages:
    394
    Likes Received:
    119
    Reputations:
    12
    нет.
     
  10. PRosTo_LEva

    PRosTo_LEva Elder - Старейшина

    Joined:
    18 Apr 2007
    Messages:
    449
    Likes Received:
    132
    Reputations:
    106
    как вариант присвоить бекгрунд элементу. в таком случае нужно добавить
    background-image: url(bg.gif);

    но а по большому счету через CSS это не делают.
     
    2 people like this.
  11. Fliplab

    Fliplab Elder - Старейшина

    Joined:
    29 Jul 2008
    Messages:
    123
    Likes Received:
    20
    Reputations:
    3
    :D Юзай jQuery и не парься или на край джаву)