Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 05.07.2016, 14:11   #21
pompiduskus
юзер как все
Участник клуба
 
Аватар для pompiduskus
 
Регистрация: 10.01.2012
Сообщений: 1,586
По умолчанию

Вот такой, ну очень простов вариант. набросок. не более

В папку положите картинки кирпичей "blick-[0,1,2,3,4].png"
и присвойте last_brick = 4; // <= последний номер картинки из серии
PHP код:

<!DOCTYPE html>
<
html lang="us-EN">
<
head>
    <
meta charset="utf-8">
    <
title>Brick-Wall</title>

    <
style type="text/css">

    
#wall{ 
        
width910pxheight400pxdisplayblockmargin0 auto
     }

    .
ap_even{
        
floatleftwidth910pxheight24pxmargin-left: -40pxmargin-top1px;
    }

    .
ap_non_even{
        
floatleftwidth910pxheight24px;  margin-top1px
    }

    .
brick{
        
floatleftdisplayblockwidth80pxheight24pxmargin1pxbox-shadow0 0 2px #000;
        
background-size80px 24px
    }


    </
style>

    <
script type="text/javascript">

        
// ===================================================================
        
window.addEventListener('load', function(){
            
GENERATE_WALL();
        });


        function 
_randInt(minmax){ return Math.floor(Math.random() * (max min 1)) + min;  }
        function 
_byId(id){ return document.getElementById(id); }

        
// ===================================================================
        
var last_brick 3;
        var 
bricks "";
        var 
wall;

        function 
GENERATE_WALL() {

            
wall _byId("wall");

            for (var 
08a++){
                
bricks += '<div class="ap_even">';
                for (var 
011b++) 
                    
bricks += '<div class="brick" style="'+
                        
'background: url(\'brick-'+_randInt(0,last_brick)+'.png\')"></div>';
                
                
bricks += '</div>';
                
                
bricks += '<div class="ap_non_even">';
                for (var 
011c++) 
                    
bricks += '<div class="brick" style="'+
                        
'background: url(\'brick-'+_randInt(0last_brick)+'.png\')"></div>';

                
bricks += '</div>';

            }

            
wall.innerHTML bricks;

        
// ===================================================================
        
};

    
</script>



</head>
<body>

    <div id="wall"></div>

</body>
</html> 
<Дзен - Вся вселенная в тебе > | Резюме: https://ch3ll0v3k.github.io/CV/

Последний раз редактировалось pompiduskus; 05.07.2016 в 14:13.
pompiduskus вне форума Ответить с цитированием
Старый 05.07.2016, 14:18   #22
come-on
Участник клуба
 
Регистрация: 21.10.2015
Сообщений: 1,361
По умолчанию

зачем генерить постоянно дом? можно же просто стили раздовать
come-on вне форума Ответить с цитированием
Старый 05.07.2016, 14:33   #23
pompiduskus
юзер как все
Участник клуба
 
Аватар для pompiduskus
 
Регистрация: 10.01.2012
Сообщений: 1,586
По умолчанию

Можно вообще все что угодно.
Один раз задать id ищники, по ним менять что нужно.
и так далее.

Яж сказал, это набросок.
<Дзен - Вся вселенная в тебе > | Резюме: https://ch3ll0v3k.github.io/CV/
pompiduskus вне форума Ответить с цитированием
Старый 05.07.2016, 21:36   #24
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Автору: иди во фриланс, тут уже народ так разогрелся, что за копейки напишет тебе это дерьмо личное.
Главное знать алгоритм кладки)
Alar, верни репу!
Naive вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите сделать автозапуск видео на сайте!!! Petrovna80 Помощь студентам 0 15.05.2016 14:54
сделать видеочат на сайте. Хочу сделать но не знаю как.. Shaman-King Свободное общение 12 14.01.2013 00:22
Нужно сделать панельку на сайте!!! Makbikebatru HTML и CSS 1 17.06.2012 15:29
Как сделать мини чат на сайте Sprat PHP 2 26.10.2011 08:08